当前位置:编程学习 > JS >>

复选框全选、全不选的Javascript代码

很实用的一款代码,可以控制复选框全部选中、取消全癣反选的Javascript代码,调用很方便。
答案:<title>复选框全选、全不选的Javascript代码</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j); 
if (box.checked == false) box.checked = true;
   }
}

function uncheckAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j); 
if (box.checked == true) box.checked = false;
   }
}

function switchAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j); 
box.checked = !box.checked;
   }
}
//  End -->
</script>
<form name=checkboxform>
<input type=checkbox name=C1 checked>C1<br>
<input type=checkbox name=C2 checked>C2<br>
<input type=checkbox name=C3 checked>C3<br>
<input type=checkbox name=C4 checked>C4<br>
<input type=checkbox name=C5 checked>C5<br>
<input type=checkbox name=C6 checked>C6<br>
<br>
<input type=button value="全选" onClick="checkAll()"><br>
<input type=button value="清除" onClick="uncheckAll()"><br>
<input type=button value="反选" onClick="switchAll()"><br>
</form>

上一个:JS全选、反选代码
下一个:用JavaScript判断文本框输入的是否是英文或数字

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,