javascript 設置某DIV區(qū)域內(nèi)的checkbox復選框
更新時間:2009年11月30日 19:37:03 作者:
主要用到dom的兩個函數(shù)document.getElementById(id)和document.getElementsByTagName(name),希望對寫復選框全選的蝦們有些許幫助。
<!--HTML代碼片段如下: -->
<div id="div1">
<input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全選<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
</div>
<br/>
<div id="div2">
<input type="checkbox" onclick="selectCheckBoxes('div2', this.checked)" />全選<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
</div>
<!--js代碼片段如下: -->
<script type="text/javascript">
function selectCheckBoxes(domId,value) {
var inputs = document.getElementById(domId).getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'checkbox') {
inputs[i].checked=value;
}
}
}
</script>
將以上代碼放到body里即可。
復制代碼 代碼如下:
<div id="div1">
<input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全選<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
</div>
<br/>
<div id="div2">
<input type="checkbox" onclick="selectCheckBoxes('div2', this.checked)" />全選<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
</div>
<!--js代碼片段如下: -->
復制代碼 代碼如下:
<script type="text/javascript">
function selectCheckBoxes(domId,value) {
var inputs = document.getElementById(domId).getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'checkbox') {
inputs[i].checked=value;
}
}
}
</script>
將以上代碼放到body里即可。
相關文章
javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目
javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目...2007-07-07兩個INPUT同步輸入的方法小結(jié) 兼容IE和firefox
有時候我們需要同步輸入一些表單input等,下面的幾種方法,建議用onkeyup的方法來實現(xiàn)。2009-04-04textarea的value是html文件源代碼,存成html文件的代碼
textarea的value是html文件源代碼,存成html文件的代碼...2007-04-04