jQuery操作checkbox

jQuery操作checkbox示例:

$("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);
  })
})
上一篇 jQuery获得select/option的值和对select/option进行操作
下一篇 JS类型转换(强制和自动的规则)
目录
文章列表
1 Jenkins参数化构建
Jenkins参数化构建
2
使用AWS的ELB服务时为Nginx启用代理协议
使用AWS的ELB服务时为Nginx启用代理协议
3
Android Parcelable中枚举的写法
Android Parcelable中枚举的写法
4
以太坊学习2:以太坊简介
以太坊学习2:以太坊简介
5
Magento SMTP扩展配置
Magento SMTP扩展配置
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。