用jquery怎么实现全选/全不选
在网站设计的过程中，可能会遇到关于全选/全不选的问题，那么我们如何来解决这个问题那？
操作方法
- 01
HTML代码： <table> <tr> <td><input type="checkbox" name="b">全选</td><td>内容</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>复选1</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>复选2</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>复选3</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>复选4</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>复选5</td> </tr> <tr> <td><input type="checkbox" name="a"></td><td>复选6</td> </tr> </table>
- 02
JAVASCRIPT代码： <script> $("input[name='b']").click(function(){ //判断当前点击的复选框处于什么状态$(this).is(":checked") 返回的是布尔类型 if($(this).is(":checked")){ $("input[name='a']").prop("checked",true); }else{ $("input[name='a']").prop("checked",false); } }); </script>
- 03
这样就实现了全选和全不选 希望能帮助到你