`
843977358
  • 浏览: 242007 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于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;
                }
               });
    
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics