2007-10-18 16:37
<html>
<head>
<script language="Javascript">
<!--
function checkall(){
if(document.form1.all.checked){
document.form1.chk0.checked=true;
document.form1.chk1.checked=true;
document.form1.chk2.checked=true;
document.form1.chk3.checked=true;
}
if(document.form1.all.checked==false){
document.form1.chk0.checked=false;
document.form1.chk1.checked=false;
document.form1.chk2.checked=false;
document.form1.chk3.checked=false;
}
}
//-->
</script>
</head>
<body>
<form name="form1">
一,<input type="checkBox" name="chk0">
二,<input type="checkBox" name="chk1">
三,<input type="checkBox" name="chk2">
四,<input type="checkBox" name="chk3">
全选<input type="checkBox" name="all" onclick="checkall()">
</form>
</body>
</html>
2007-10-19 15:46
2007-10-19 17:32
ls给出的代码有点繁琐(关键是假如有n多个checkbox，那就要写n多行)，修正如下：
首先要指出的是，复选框的name值最好是同一个：此外，这些元素外最好包一层父元素，即
<div id="checkBox_group_1">
一,<input type="checkBox" name="chk">
二,<input type="checkBox" name="chk">
三,<input type="checkBox" name="chk">
四,<input type="checkBox" name="chk">
</div>
全选<input type="checkBox" name="all" onclick="checkall(this)">
此时代码可以这样写：
function checkall(eo) {
var chkBoxGroup=document.getElementById('checkBox_group_1');
var inputs=chkBoxGroup.getElementsByTagName('input');
for (var i=0;i<inputs.length;i++) {
if (inputs[i].type.toString().toLowerCase()=='checkbox') {
inputs[i].checked=eo.checked;
}
}
}
[此贴子已经被作者于2007-10-23 9:31:30编辑过]
2007-10-22 10:09
2007-10-22 10:53
2007-10-22 17:42
2007-10-23 09:12
[此贴子已经被作者于2007-10-23 9:32:16编辑过]
2007-10-23 09:31
2007-10-25 08:34
辛苦你了！