1.html代码：
- <body>
- <table border="1">
- <tr>
- <th><input type="checkbox" onclick="swapCheck()" /></th>
- <th>衣服</th>
- <th>裤子</th>
- </tr>
- <tr>
- <td><input type="checkbox" /></td>
- <td>$20</td>
- <td>$100</td>
- </tr>
- <tr>
- <td><input type="checkbox" /></td>
- <td>$30</td>
- <td>$150</td>
- </tr>
- </table>
- </body>
2.jQuery代码（功能实现）
- <script type="text/javascript"src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
- <script type="text/javascript">
- //checkbox 全选/取消全选
- var isCheckAll = false;
- function swapCheck() {
- if (isCheckAll) {
- $("input[type='checkbox']").each(function() {
- this.checked = false;
- });
- isCheckAll = false;
- } else {
- $("input[type='checkbox']").each(function() {
- this.checked = true;
- });
- isCheckAll = true;
- }
- }
- </script>
- 注：<script type="text/javascript"src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> 这段代码不可缺失 否则无法实现效果
版权声明：文章图片资源来源于网络,如有侵权，请留言删除!!!
评论