点击全选所有复选框，分组全选复选框

最新推荐文章于 2020-10-22 19:10:51 发布

weixin_34032779

最新推荐文章于 2020-10-22 19:10:51 发布

阅读量415

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/discussjava/blog/213339

版权

2019独角兽企业重金招聘Python工程师标准>>>

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
//  End -->
</script>
<form name=myform action="" method=post>
<table width="133">
<tr><td width="125">
<b>软件系数调查：<br>
</b>&nbsp;<br>
<input type=checkbox name=list value="1">软件的界面<br>
<input type=checkbox name=list value="2">特效很多<br>
<input type=checkbox name=list value="3">分类详细<br>
<input type=checkbox name=list value="4">完全免费<br>
<input type=checkbox name=list value="5">特效很实用<br>
<input type=checkbox name=list value="6">更新速度快<br>
<br>                                                     
<input type=button value=" 全部选定 " onClick="this.value=check(this.form.list)"> 
</td></tr>
</table>
</form>

以上部分为点击全选的情况，在网站建设过程当中，经常有需要分组全选的情况，这时请使用下面的代码。
<!--此特效来源来互联网,由 Yagebu.com 收集整理-->

<!--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>
<!--//单击此checkbox选中上面三个checkbox--->
<input type="checkbox" name="recname" value="b1" cid="b">b1
<input type="checkbox" name="recname" value="b2" cid="b">b2
<input type="checkbox" name="recname" value="b3" cid="b">b3
<input type="checkbox" name="recname" value="b_all" id="b" onclick="CheckAll(this.form,this.id)">b_all<br><br>
<!--//单击此checkbox选中上面三个checkbox--->
<input type="checkbox" name="recname" value="c1" cid="c">c1
<input type="checkbox" name="recname" value="c2" cid="c">c2
<input type="checkbox" name="recname" value="c3" cid="c">c3
<input type="checkbox" name="recname" value="c_all" id="c" onclick="CheckAll(this.form,this.id)">c_all
<!--//单击此checkbox选中上面三个checkbox---></form>

转载于:https://my.oschina.net/discussjava/blog/213339