 |
热门文章 |
|
|
|
|
| 多表单checkbox全选、反选、不全选效果 |
| 来源：中国站长天空 更新时间：2009/12/2 23:33:44 阅读次数： 我要投稿 |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>多表单checkbox全选、反选、不全选效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<script language="Javascript">
function cc(N,bool){
var aa = document.getElementById(N).getElementsByTagName("input");
for (var i=0; i<aa.length; i++){
if (aa[i].type=="checkbox")
aa[i].checked = bool==1 ? true : (bool==0 ? false : !aa[i].checked);
}
}
</script>
<form id="form1">
<input type="checkbox" name="c1"><br>
<input type="checkbox" name="c2"><br>
<input type="checkbox" name="c3"><br>
<input type="checkbox" name="c4"><br>
<input type="checkbox" name="c5"><br>
<a href="#" onclick="cc('form1',1)">全选</a> <a href="#" onclick="cc('form1',0)">全不选</a> <a href="#" onclick="cc('form1',2)">反选</a>
</form>
<form id="form2">
<input type="checkbox" name="c11"><br>
<input type="checkbox" name="c12"><br>
<input type="checkbox" name="c13"><br>
<input type="checkbox" name="c14"><br>
<a href="#" onclick="cc('form2',1)">全选</a> <a href="#" onclick="cc('form2',0)">全不选</a> <a href="#" onclick="cc('form2',2)">反选</a>
</form>
<form id="form3">
<input type="checkbox" name="c19"><br>
<input type="checkbox" name="c21"><br>
<input type="checkbox" name="c31"><br>
<a href="#" onclick="cc('form3',1)">全选</a> <a href="#" onclick="cc('form3',0)">全不选</a> <a href="#" onclick="cc('form3',2)">反选</a>
</form>
</body>
</html> |
| 特效说明： |
| 多表单checkbox全选、反选、不全选效果 |
|
| 上一篇文章： 计算选中的多选框checkbox值的总和下一篇文章： 根据单选框改变的文本框 |
|
|
|
注册 登录
