<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <script type="text/javascript"> function allChecked(all){ var items=document.getElementsByName('ah'); for(var i=0;i<items.length;i++){ items[i].checked=all.checked } } function checkedAll(){ var items=document.getElementsByName('ah'); document.getElementById('all').checked=true; for (var i=0;i<items.length;i++) { if(!items[i].checked){ document.getElementById('all').checked=null } } } </script> </head> <body> <input type="checkbox" id="all" οnclick="allChecked(this)"/>全选 <br /> <input type="checkbox" name="ah" value="篮球" οnclick="checkedAll()"/>篮球 <input type="checkbox" name="ah" value="健身" οnclick="checkedAll()"/>健身 <input type="checkbox" name="ah" value="学习" οnclick="checkedAll()"/>学习 <input type="checkbox" name="ah" value="赚钱" οnclick="checkedAll()"/>赚钱 </body> </html>
转载于:https://my.oschina.net/dreamHarbour/blog/1510285