源代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <script type="text/javascript"> // function main(){ document.getElementById("one").onclick=func1(); } //先实现全选 function func1() { var domObj = document.getElementById("one").checked; var domObjArray = document.getElementsByName("haha"); for (var i =0;i<domObjArray.length;i++){ domObjArray[i].checked=domObj; } } </script> </head> <body onload="main()"> <table border="2" align="center"> <tr> <td> <input type="checkbox" id="one">全选 </td> <td> 职员姓名 </td> <td> 职员职位 </td> <td> 职员薪资 </td> </tr> <tr> <td> <input type="checkbox" name="haha"> </td> <td> mike </td> <td> 初级工程师 </td> <td> 10000 </td> </tr> <tr> <td> <input type="checkbox" name="haha"> </td> <td> jack </td> <td> 中级工程师 </td> <td> 15000 </td> </tr> <tr> <td> <input type="checkbox" name="haha"> </td> <td> 张三 </td> <td> 高级工程师 </td> <td> 100000 </td> </tr> </table> </body> </html>
但是就是实现不出来点击全选下面的checkbox都被选中的状态,不知道是哪里错了,救救孩子吧