JS練習:表格全選與全不選
阿新 • • 發佈:2018-11-24
程式碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全選與全不選</title> <script> function checkAll() { //獲得當前第一個checkbox的狀態 var check_1 = document.getElementById("check_1"); //得到當前checked狀態View Codevar checked = check_1.checked; //獲得所有分類項的checkbox var checks = document.getElementsByName("checkone"); for (var i = 0; i < checks.length; i++) { //修改每一個checkbox的狀態 var checkone = checks[i]; checkone.checked= checked; } } </script> </head> <body onload="init()"> <table border="1px" id="tab"> <thead> <tr> <th> <input type="checkbox" onclick="checkAll()" id="check_1"/> </th> <th>全選與全不選</th> </tr> </thead> <tbody> <tr> <td> <input type="checkbox" name="checkone"/> </td> </tr> <tr> <td> <input type="checkbox" name="checkone"/> </td> </tr> <tr> <td> <input type="checkbox" name="checkone"/> </td> </tr> </tbody> </table> </body> </html>