复选框全选、全不选和反选的效果实现
2008-09-11 09:30
465 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---复选框全选、全不选和反选的效果实现</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == false) box.checked = true;
}
}
function uncheckAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == true) box.checked = false;
}
}
function switchAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
box.checked = !box.checked;
}
}
// End -->
</script>
</head>
<body>
<form name=checkboxform>
<input type=checkbox name=C1 checked>C1<br>
<input type=checkbox name=C2 checked>C2<br>
<input type=checkbox name=C3 checked>C3<br>
<input type=checkbox name=C4 checked>C4<br>
<input type=checkbox name=C5 checked>C5<br>
<input type=checkbox name=C6 checked>C6<br>
<input type=checkbox name=C7 checked>C7<br>
<input type=checkbox name=C8 checked>C8<br>
<input type=checkbox name=C9 checked>C9<br>
<br>
<input type=button value="全部选中" onClick="checkAll()"><br>
<input type=button value="全部不选" onClick="uncheckAll()"><br>
<input type=button value="选择转换" onClick="switchAll()"><br>
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|JsCode.CN|---复选框全选、全不选和反选的效果实现</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == false) box.checked = true;
}
}
function uncheckAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
if (box.checked == true) box.checked = false;
}
}
function switchAll() {
for (var j = 1; j <= 9; j++) {
box = eval("document.checkboxform.C" + j);
box.checked = !box.checked;
}
}
// End -->
</script>
</head>
<body>
<form name=checkboxform>
<input type=checkbox name=C1 checked>C1<br>
<input type=checkbox name=C2 checked>C2<br>
<input type=checkbox name=C3 checked>C3<br>
<input type=checkbox name=C4 checked>C4<br>
<input type=checkbox name=C5 checked>C5<br>
<input type=checkbox name=C6 checked>C6<br>
<input type=checkbox name=C7 checked>C7<br>
<input type=checkbox name=C8 checked>C8<br>
<input type=checkbox name=C9 checked>C9<br>
<br>
<input type=button value="全部选中" onClick="checkAll()"><br>
<input type=button value="全部不选" onClick="uncheckAll()"><br>
<input type=button value="选择转换" onClick="switchAll()"><br>
</form>
</body>
</html>
相关文章推荐
- 实现复选框的全选和全不选效果
- JavaScript 复选框全选效果&JQuery 实现简单的tab切换效果
- 如何实现复选框的全选和取消全选效果
- 复选框全选、全不选和反选的效果实现VIEW:1592
- 采用dom实现复选框全选、取消效果
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现VIEW:1592
- 复选框全选、全不选和反选的效果实现VIEW:1592
- jQuery实现一个全选复选框联动效果
- JavaScript实现复选框全选与全不选的效果
- asp.net 2.0 实现复选框全选(邮件全选效果)
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框的使用,全选效果的实现
- js实现复选框全选效果,已经用后台获取选中的复选框的值
- EasyUI入门2 datagrid复选框全选效果(通过约束条件实现部分项参与的全选效果)
- 复选框全选、全不选和反选的效果实现
- bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
- 复选框全选、全不选和反选的效果实现
- js实现复选框的全选和取消全选效果