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

版权声明:
作者:Joe.Ye
链接:https://www.appblog.cn/index.php/2023/02/23/jquery-operate-checkbox/
来源:APP全栈技术分享
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
jQuery操作checkbox
jQuery操作checkbox示例: $("document").ready(function() { $("#btn1").click(function() { $("[name='checkbox'……
<<上一篇
下一篇>>
文章目录
关闭
目 录