您的位置:首页 > Web前端 > JQuery

jquery实现全选、全消、反选功能

2017-06-14 19:41 681 查看
HTML代码:  

  

<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'));
})
});


  

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: