js实现html Checkbox全选/不选效果
来源:自学PHP网
时间:2014-09-19 14:47 作者:
阅读:次
[导读] Checkbox的中文名是复选框,下面我来利用js实现Checkbox全选/不选代码,有需要的朋友可参考。...
代码如下 |
复制代码 |
<FORM onsubmit="return anyChecked()" method=post name=form1 action="">
全选:<INPUT id=checkAll onclick=checkall() type=checkbox>
多项选择框列表:
<INPUT value=1 type=checkbox name=cb>
<INPUT value=2 type=checkbox name=cb>
<INPUT value=3 type=checkbox name=cb>
<INPUT value=submit type=submit name=Submit>
</FORM>
js代码
<SCRIPT language=javaScript>
//全选或全部不选
function checkall() {
var isChecked=(document.form1.checkAll.checked == true);
var elements_all=document.form1.elements;
for(i=0;i<elements_all.length;i++) {
var element=elements_all[i];
if(element.type=="checkbox") {
element.checked=isChecked;
}
}
}
//是否有checkbox被选中
function anyChecked() {
var elements_any=document.form1.elements;
for(i=0;i<elements_any.length;i++) {
var element=elements_any[i];
if(element.checked == true) {
return true;
}
}
return false;
}
</SCRIPT>
|
|