CHECKBOX分组全选代码

最新推荐文章于 2025-07-04 17:00:07 发布

转载最新推荐文章于 2025-07-04 17:00:07 发布 · 303 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ie421/archive/2008/07/29/1255638.html

文章标签：

#c# #javascript #ViewUI

本文介绍了一种实现CHECKBOX分组全选的方法，通过JavaScript函数CheckAll()实现单个全选按钮控制一组CHECKBOX的选择状态。示例中包含了多个分组，每个分组内的全选按钮可以控制其下所有CHECKBOX的状态。

<h4>CHECKBOX分组全选代码</h4>
<script language="javascript">
function CheckAll(obj,theid){
for (var i=0;i<obj.elements.length;i++){
var e=obj.elements[i];
if (e.cid==theid)e.checked=document.all[theid].checked;
}
}
</script>
<form name=myform>
<input type="checkbox" name="recname" value="a1" cid="a">a1
<input type="checkbox" name="recname" value="a2" cid="a">a2
<input type="checkbox" name="recname" value="a3" cid="a">a3
<input type="checkbox" name="recname" value="a_all" id="a" onclick="CheckAll(this.form,this.id)">a_all<br><br>