javascript 設(shè)置某DIV區(qū)域內(nèi)的checkbox復(fù)選框
更新時(shí)間：2009年11月30日 19:37:03 作者：
主要用到dom的兩個(gè)函數(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)文章
這篇文章主要介紹了JavaScript中獲取Radio被選中的值,需要的朋友可以參考下2015-11-11
js支持158、159開頭的手機(jī)號(hào)的驗(yàn)證
js支持158、159開頭的手機(jī)號(hào)的驗(yàn)證...2007-05-05
javascript checkbox,radio美好效果代碼，非常漂亮2008-08-08
javascript TextArea動(dòng)態(tài)顯示剩余字符
TextArea動(dòng)態(tài)顯示輸入剩余字符2008-10-10
js下獲得單選框的值的代碼...2007-09-09
下面的有關(guān)實(shí)現(xiàn)chckbox全選的方法或多或少存在一些缺陷，具體的方法在另一個(gè)帖子中有詳細(xì)的說明2008-12-12
JavaScript 文本框下拉提示(自動(dòng)提示)
JavaScript 文本框下拉提示，類似百度和Google的輸入框提示效果，這里為了演示時(shí)加載的速度比較快，選用了一些數(shù)據(jù)，輸入“1”可更好的看到效果。2010-10-10
將text的值，傳到textarea里面，因?yàn)槭止な杖肴菀族e(cuò)誤。這個(gè)功能一般用作下載服務(wù)器地址的批量添加，dedecms也是用的這個(gè)方法。2010-05-05
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距...2007-07-07
微調(diào)數(shù)字...2007-02-02