JS实现全选和全不选
Posted yxfyg
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS实现全选和全不选相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全选和全不选</title> <script> function selectAll(){ var check1 = document.getElementById("checkbox1"); //var checks = document.getElementsByTagName("input"); var checks = document.getElementsByName("checkbox1"); for(var i=1;i<checks.length;i++){ checks[i].checked = check1.checked; } } </script> </head> <body> <table> <tr> <td><input type="checkbox" name="checkbox1" id="checkbox1" onclick="selectAll()"></td> </tr> <tr> <td><input type="checkbox" name="checkbox1"></td> </tr> <tr> <td><input type="checkbox" name="checkbox1"></td> </tr> <tr> <td><input type="checkbox" name="checkbox1"></td> </tr> <tr> <td><input type="checkbox" name="checkbox1"></td> </tr> </table> </body> </html>
以上是关于JS实现全选和全不选的主要内容,如果未能解决你的问题,请参考以下文章