复选框全选、全不选和反选的效果实现
时间：2007-02-18 来源：PHP爱好者
提示：您可以先修改部分代码再运行 <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>
提示：您可以先修改部分代码再运行
相关阅读 更多 +
