JQ实现全选与全不选 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>全选与全不选</title>
 6         <script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
 7         <script>
 8             $(function(){
 9                 $("#checkbox1").click(function(){
10                     $(":checkbox:gt(0)").prop("checked",this.checked);
11                 });
12             });
13         </script>
14     </head>
15     <body>
16         <table>
17             <tr>
18                 <td><input type="checkbox" name="checkbox1" id="checkbox1" onclick="selectAll()"></td>
19             </tr>
20             <tr>
21                 <td><input type="checkbox" name="checkbox1"></td>
22             </tr>
23             <tr>
24                 <td><input type="checkbox" name="checkbox1"></td>
25             </tr>
26             <tr>
27                 <td><input type="checkbox" name="checkbox1"></td>
28             </tr>
29             <tr>
30                 <td><input type="checkbox" name="checkbox1"></td>
31             </tr>
32         </table>
33     </body>
34 </html>

 

posted @ 2020-04-10 12:34  yxfyg  阅读(151)  评论(0)    收藏  举报