jquery实现全选、全消、反选功能
2017-06-14 19:41
681 查看
HTML代码:
使用按钮来实现全选、全消、反选
jquery代码要求:1.项目中必须引入jquery,2.必须在<script></script>之中写
<input type="checkbox" name="checkbox" class="A" />
使用按钮来实现全选、全消、反选
<button id="checkAll">全选</button > <button id="removeAll">全消</button > <button id="reverse">反选</button >
jquery代码要求:1.项目中必须引入jquery,2.必须在<script></script>之中写
// 全选 $("#checkAll").click(function() { $(".A").prop('checked',true); }); // 全消 $("#removeAll").click(function() { $(".A").prop('checked',false); }); // 反选 $("#reverse").click(function(){ $(".A").each(function(){ $(this).prop('checked',!$(this).prop('checked')); }) });
相关文章推荐
- 基于jQuery实现复选框的全选 全不选 反选功能
- jquery实现全选反选功能
- JQuery实现列表中复选框全选反选功能封装
- Jquery之实现全选反选功能
- 功能选中jquery实现全选反选功能
- JQuery实现列表中复选框全选反选功能封装(推荐)
- js, jQuery实现全选、反选功能
- JQuery 中 实现复选框全选/全不选/反选功能 案例
- JQuery实现全选,不选,反选功能
- Jquery 实现全选反选功能
- jquery实现简单的全选和反选功能
- jquery实现全选反选功能---兰
- JQuery学习(4)全选反选功能的实现
- Jquery实现全选反选功能
- jquery实现简单的全选和反选功能
- 基于jQuery实现复选框的全选 全不选 反选功能
- jquery实现全选/反选功能
- JQuery实现全选、全不选和反选功能
- jQuery实现checkbox列表的全选、反选功能
- JQuery实现列表中复选框全选反选功能封装