jQuery 对checkbox的操作

最新推荐文章于 2025-01-13 16:42:45 发布

最新推荐文章于 2025-01-13 16:42:45 发布 · 107 阅读

文章标签：

#jQuery #ViewUI

网海拾贝专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的批量操作Checkbox的功能，包括全选、取消全选、选中所有奇数项、反选以及获取已选中的值。通过简单的按钮点击即可完成对一组Checkbox的状态控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这个例子中包括了以下几个功能 1. 全选
2. 取消全选
3. 选中所有奇数
4. 反选
5. 获得选中的所有值

<!--
     $("document").ready(function(){
       $("#btn1").click(function(){
            $("[name='checkbox']").attr("checked",'true');//全选
        })
       $("#btn2").click(function(){
          $("[name='checkbox']").removeAttr("checked");//取消全选
       })
       $("#btn3").click(function(){
          $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
       })
       $("#btn4").click(function(){
          $("[name='checkbox']").each(function(){// 反选
              if($(this).attr("checked")){
                $(this).removeAttr("checked");
            }
            else{
                $(this).attr("checked",'true');
            }
          })
       })
      $("#btn5").click(function(){// 输出选中的值
       var str="";
          $("[name='checkbox'][checked]").each(function(){
              str+=$(this).val()+"\r\n";
            //alert($(this).val());
          })
         alert(str);
       })
      })
  -->