关于jQuery获取被选中的checkbox

1.判断checkbox是否被选中
            if($("#checkboxID").attr("checked")==true){//执行操作}
2.checkbox的几种操作
       a).$("input[name='checkboxName']").attr("checked", 'true');//全选
       b).$("input[name='checkboxName']").removeAttr("checked");//取消全选
       c).$("input[name='checkboxName']:even").attr("checked",'true');//选中所有奇数
       d).$("input[name='checkboxName']").each(function(){
                 if($(this).attr("checked")){
                        $(this).removeAttr("checked");
                    }else{
                        $(this).attr("checked",'true');
                    }   //反选
       e).var str = "";
          $("input[name='idList']").each(function() {
               if ($(this).attr("checked")) {
                 str += $(this).val();
                }
          });  //获取所有选中的值
3.实际应用实例(批量删除,获取id):
    方法1:
            //批量删除
            $("#deleteUserBatch").click(function() {
                   var len = $("#checkbox").length;//获取checkbox的长度
                   var obj = $("#checkbox");//获取checkbox对象
                   var count = 0;//定义int变量,用于记录checkbox选中的个数
                   for (var i = 0; i < len; i++) {//遍历所有checkbox
                        if (obj[i].checked) {//判断,如果checkbox被选中
                             $("input[type='checkbox']").each(//遍历input标签里,类型为checkbox的所有组件
                             function() {
                                  if ($(this).is(":checked") == true) {//如果checkbox的checked为true,即,被选中状态
                                   count++;//checkbox的选中个数+1
                                  }
                              });
                             alert("选中了" + count);
                             var url = "deleteUserBatch.do";
                             var params = $("#form1").serialize();
                             $.post(url,params,function(data){
                                 alert("data="+data);
                             },"html");
                                 return false;
                         } else {
                            count++;
                             if (count == len) {
                               alert("尚未选择任何内容!");
                               return false;
                              }
                          }
                     }
                 });
 
方法2:
        //批量删除
          $("#deleteUserBatch").click(function() {
                    var str = "";
                    $("input[name='idList']").each(function() {
                     if ($(this).attr("checked")) {
                          str += $(this).val();
                     }
                });
                if (str.trim(" ") == "") {
                     alert("尚未选择任何内容!");
                     return false;
                } else if (confirm("确定批量删除[" + str + "]的信息?")) {
                     var url = "deleteUserBatch.do";
                     var params = $("#form1").serialize();
                     $.post(url, params, function(data) {
                          alert("data=" + data);
                          window.location.reload();
                     }, "html");
                } else {
                     return false;
                }
               });
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智布道

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值