javascript 設置某DIV區(qū)域內的checkbox復選框
更新時間:2009年11月30日 19:37:03 作者:
主要用到dom的兩個函數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實現愛你在FF IE下都有效的添加一個項目
javascript實現愛你在FF IE下都有效的添加一個項目...2007-07-07textarea的value是html文件源代碼,存成html文件的代碼
textarea的value是html文件源代碼,存成html文件的代碼...2007-04-04