javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
更新時間:2009年11月30日 19:37:03 作者:
主要用到dom的兩個函數(shù)document.getElementById(id)和document.getElementsByTagName(name),希望對寫復(fù)選框全選的蝦們有些許幫助。
<!--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里即可。
復(fù)制代碼 代碼如下:
<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代碼片段如下: -->
復(fù)制代碼 代碼如下:
<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里即可。
相關(guān)文章
js模擬權(quán)限選擇實現(xiàn)代碼(select操作)
權(quán)限選擇頁面,選擇、撤回、全部選擇、全部撤回2012-02-02javascript實現(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-04javascript textarea字?jǐn)?shù)限制
網(wǎng)頁中經(jīng)常會用到的一些字?jǐn)?shù)限制要求,下面的代碼應(yīng)該可以幫你解決這個問題,下面的代碼不論是text和textarea效果都是一樣的。2008-09-09