复选框的全选、反选、全不选，对于checked属性非0都代表真，0代表假
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>多选项</title>
<script language="javascript">
//复选框的全选、反选、全不选
function changeBoxes(action){
var objForm = document.forms["myForm1"];
var objChk = objForm.hobby;
//遍历每一个选项
for(var i=0;i<objChk.length;i++){
if(action<0)
//反选
objChk[i].checked = !objChk[i].checked;
else
//action为是则全选，为时则全不选
objChk[i].checked = action;
}
}
</script>
</head>
<body>
<form method="post" name="myForm1" action="addInfo.aspx">
您喜欢做的事情：<br />
<input type="checkbox" name="hobby" id="ball" value="ball">
<label for="ball">打球</label><br />
<input type="checkbox" name="hobby" id="TV" value="TV">
<label for="TV">看电视</label><br />
<input type="checkbox" name="hobby" id="net" value="net">
<label for="net">上网</label><br />
<input type="checkbox" name="hobby" id="others" value="其它">
<label for="others">其它</label><br />
<p>
<input type="button" value="全选" onclick="changeBoxes(1);" />
<input type="button" value="全不选" onclick="changeBoxes(0);" />
<input type="button" value="反选" onclick="changeBoxes(-1);" />
</p>
</form>
</body>
</html>
扫一扫
313
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
