怎样用jquery实现快速的全选全不选,超简单
2017-12-19 17:35
543 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../img/jquery-1.8.2.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> function checkAll(e) { if($(e).prop("checked") == true) { $("input[class='classA']").prop('checked', "checked"); } else { $("input[class='classA']").prop('checked', ""); } } </script> </head> <body> <input type="checkbox" onclick="checkAll(this)" /><strong>全选/全不选</strong><br /> <hr /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> <input type="checkbox" class="classA" />1<br /> </body> </html>
相关文章推荐
- 多选框全选/取消jQuery 简单实现
- jquery实现简单的全选和反选功能
- jquery实现checkbox全选全不选的简单实例
- JavaScript 复选框全选效果&JQuery 实现简单的tab切换效果
- 用JQuery实现全选与取消的两种简单方法
- jQuery 实现简单全选、全不选、反选
- 蜗牛—JQuery学习之全选简单实现
- 用JQuery实现全选与取消的两种简单方法
- jquery实现checkbox全选全不选的简单实例
- 怎样借助Spring boot快速实现一个简单的http服务器
- jquery实现简单的全选和反选功能
- jquery实现checkbox全选全不选的简单实例
- 利用jquery实现简单的全选,反选与不选
- jquery实现checkbox全选全不选的简单实例
- jQuery数据缓存功能的解析及简单实现
- jquery实现checkbox全选,反选,取消选择
- jQuery实现“弹层即消失”的最简单方法(用于提示性的弹层)
- jQuery+ajax简单实现文件上传的方法
- JQuery实现全选 与 批量删除
- jQuery实现的全选、反选和获取当前所有选中的值功能