jquery checkbox 全选反选

最新推荐文章于 2021-05-18 11:01:58 发布

原创最新推荐文章于 2021-05-18 11:01:58 发布 · 713 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #api

本文介绍了一种使用JQuery实现全选和反选功能的方法。通过点击ID为ckAll的复选框来控制页面上所有复选框的状态。此功能通过遍历所有复选框元素并设置其checked属性来完成。

呵呵，jquery checkbox全选反选，我觉得有点好笑，用js几行代码搞定了，因为初学jquery，所以、、、本来以为可以：$(":checkbox").attr("checked")=true;原来不能给函数的返回值赋值！！！

以后还是得多看api，做个记录：

$(document).ready(function(){
  $("#ckAll").click(function(){
   if($("#ckAll").attr("checked")==true){
    $(":checkbox").each(function(){
     $(this).attr("checked",true);
    });
   }
   else{
    $(":checkbox").each(function(){
     $(this).attr("checked",false);
    });
   }

  });
});