|
<html>
<head>
<title></title>
</head>
<body>
<script>
document.write("<ul>");
for(var i=0; i<20; i++){
document.write("<li>");
document.write("<input type='checkbox' name='acheck[]' value='"+i+"'>aaaaaaaaaaa");
document.write("</li>");
}
document.write("</ul>");
</script>
<a href="javascript：all()" >全选</a>
<a href="javascript：noall()" >全不选</a>
<a href="javascript：fall()" >反选</a>
<script>
var acheck=document.getElementsByName("acheck[]");
function all(){
for(var i=0; i<acheck.length; i++)
acheck[i].checked="true";
}
function noall(){
for(var i=0; i<acheck.length; i++)
if(acheck[i].checked)
acheck[i].checked="";
else
acheck[i].checked="true";
}
function fall(){
for(var i=0; i<acheck.length; i++)
acheck[i].checked=" ";
}
</script>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------
/*事件及for 全选*/ <html>
<head>
<title></title>
</head>
<body>
<script>
document.write("<ul>");
for(var i=0; i<20; i++){
document.write("<li>");
document.write("<input type='checkbox' name='acheck[]' value='"+i+"'>aaaaaaaaaaa");
document.write("</li>");
}
document.write("</ul>");
</script>
<label for="ss"><input id="ss" type="checkbox" onclick="sall(this)" >全选</label>
<script>
var acheck=document.getElementsByName("acheck[]");
function sall(obj){
for(var i=0; i<acheck.length; i++)
acheck[i].checked=obj.checked;
}
</script>
</body>
</html>
|