利用js實現複選框的全選和反選
<!DOCTYPE html> <html> <head> <title>142</title> <meta charset="utf-8"> <script type="text/javascript"> window.onload=function() { var a=document.getElementsByName("a"); var i;
for(i=0;i<a.length;i++) { a[i].onchange=function() { alert(this.value); } } }
function ac() { var a,i;
a=document.getElementsByName("a");
for(i=0;i<a.length;i++) { a[i].checked=true; } }
function as() { var a=document.getElementsByName("a"); var i; for(i=0;i<a.length;i++) { if(a[i].checked==true) { a[i].checked=false; }
else a[i].checked=true; } }
</script> </head> <body> <label><input type="checkbox" name="a" value="11">11</label> <label><input type="checkbox" name="a" value="22">22</label> <label><input type="checkbox" name="a" value="33">33</label> <div> <label><input type="radio" name="ab" onchange="ac()">全選</label> <label><input type="radio" name="ab" onchange="as()">反選</label> </div>
</body> </html>