`
843977358
  • 浏览: 245853 次
  • 性别: 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;
                }
               });
    
分享到:
评论

相关推荐

    jquery获取checkbox选中的值

    要获取所有选中checkbox的值,可以使用jQuery的`:$()`选择器和`.each()`迭代器。遍历所有checkbox,检查它们是否被选中(`checked`属性),并收集其值: ```javascript var selectedValues = []; $('input[type...

    jQuery操作checkbox并获取选中值

    获取选中checkbox的值通常需要遍历所有checkbox,检查其是否被选中,然后收集对应的值。以下是一个示例: ```javascript var selectedValues = []; $('input[type="checkbox"]:checked').each(function() { ...

    jquery checkbox 选中 取消 checkbox多选

    在网页开发中,jQuery是...总之,jQuery提供了一套简单易用的API来处理HTML中的复选框,包括选中、取消选中、监听变化以及获取选中状态等功能。通过灵活运用这些API,开发者可以轻松地创建具有复选框功能的交互式网页。

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    jQuery获取checkbox选中的值

    5. **获取选中checkbox的值**: 在确认checkbox被选中后,可以通过`.attr("value")`方法获取它的值。然后,可以将多个选中的值拼接成一个字符串,或存储在数组中。 ### 控制checkbox的选中状态 1. **实现全选和全...

    jquery获取所有选中的checkbox实现代码

    获取所有name为spCodeId的checkbox var spCodesTemp = ""; $('input:checkbox[name=spCodeId]:checked').each(function(i){ ...以上这篇jquery获取所有选中的checkbox实现代码就是小编分享给大家的全部内容了,希

    jquery 对checkbox的操作

    二、选中与取消选中checkbox 1. 选中checkbox: ```javascript $("#checkboxID").prop("checked", true); ``` 2. 取消选中checkbox: ```javascript $("#checkboxID").prop("checked", false); ``` 三、检查...

    jQuery基于layui插件制作checkbox复选框选中代码

    在本文中,我们将深入探讨如何使用jQuery和layui插件来创建功能丰富的checkbox复选框,包括权限范围的多选、单选以及全选操作。同时,我们也将关注于父级和子级复选框之间的联动关系,即父级选中时子级全部选中,而...

    jquery操作Radio、Checkbox、Select Demo

    在jQuery中,我们可以使用`.prop()`或`.attr()`方法来改变其选中状态,使用`.val()`获取选中的Radio的值。 1. **设置Radio选中状态**: ```javascript $('input[type="radio"]').prop('checked', true); // 选中...

    用Jquery获取checkbox多个选项详解

    通过以上示例,我们可以了解到jQuery如何便捷地对复选框进行操作,包括检查状态、修改状态以及获取选中值等。这些基本技巧对于创建动态、交互式的网页应用至关重要。了解和熟练运用这些方法可以提高开发效率,让网页...

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`&lt;input type="checkbox"&gt;`,当它被选中时,其`checked`属性...

    jquery获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jquery、js操作checkbox全选反选.docx

    每个Checkbox都有一个`checked`属性,用于表示是否被选中。此外,还可以通过`name`属性为Checkbox分组,便于统一处理。 ##### 2. jQuery简介 jQuery是一款快速、简洁的JavaScript库,简化HTML文档遍历、事件处理、...

    Jquery为单选框checkbox绑定单击click事件

    具体实现是通过判断`$(this).attr("checked")`来获取单选框是否被选中。如果被选中(即值为"checked"),则将父级元素的背景色设置为`#dcf4fc`;如果未被选中,则设置为`#fcf7c7`。此外,函数中还调用了一个名为`...

    jquery获取各种radio,checkbox,select的值等

    1. **jQuery获取Select的值**: - `$("#select_id").change(function() {...})`:此代码会为ID为`select_id`的select元素添加一个change事件监听器,当用户选择新的选项时,会执行函数内的代码。 - `var checkText...

    jQuery分别获取选中的复选框值

    本文将深入探讨如何使用jQuery来获取选中的复选框(checkbox)的值,同时也涵盖jQuery对其他HTML元素如下拉框(select)、单选按钮(radio)的处理方法。 首先,让我们关注标题提及的主题——"jQuery分别获取选中的...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

Global site tag (gtag.js) - Google Analytics