<script language="javascript" type="text/javascript">
//全选或全部不选
function checkall() {
var isChecked=(document.getElementById('checkAll').checked == true);
var elements_all=document.getElementById('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.getElementById('form1').elements;
for(i=0;i<elements_any.length;i++) {
var element=elements_any[i];
if(element.checked == true) {
return true;
}
}
return false;
}
</script>
<form id="form1" Method="post" action="" onsubmit="return anyChecked()">
全选:<input type="checkbox" id="checkAll" onclick="checkall()" />
多项选择框列表:
<input type="checkbox" name="cb" value="1"/>
<input type="checkbox" name="cb" value="2"/>
<input type="checkbox" name="cb" value="3"/>
<input name="Submit" type="submit" value="submit">
</form>
复选框全选或不全选
最新推荐文章于 2021-12-08 00:47:40 发布
本文介绍了一个简单的JavaScript功能实现:通过一个全选按钮控制一组复选框的状态,并在表单提交前检查是否至少有一个复选框被选中。此功能常用于网页表单的数据收集环节。
7308

被折叠的 条评论
为什么被折叠?



