`
cocoding
  • 浏览: 37833 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery获得复选框checkbox中选中的值

阅读更多

 

       Html代码:

       

    <input type="checkbox" name="test" value="1">1
    <input type="checkbox" name="test" value="2">2
    <input type="checkbox" name="test" value="3">3
    <input type="checkbox" name="test" value="4">4
    <input type="checkbox" name="test" value="5">5

        

    jquery获得复选框checkbox中选中的值:

   

var checked = $('input:checkbox[name=test]:checked');

checked.each(function () {
      console.log($(this).val());//$(this).val()即为选中的一个复选框的值
});

//或者
for(var i in checked){
      console.log($(checked[i]).val());//$(checked[i]).val()即为选中的一个复选框的值
}

      

 

     

分享到:
评论

相关推荐

    js获得Gridview中选中checkbox行的信息

    3. **Checkbox**:复选框,用户可以选择一个或多个选项。 在GridView中,每个行都有可能包含一个Checkbox,用于用户选择该行。当用户勾选这些Checkbox时,我们可以通过JavaScript获取被选中的行的信息。以下是一些...

    jquery 获得select、radio、checkbox选择的text和value值

    `&lt;input type="checkbox"&gt;` 用于创建一组复选框,用户可以从中选择多个。 ##### 1. 获取被选中的 checkbox 的 value ```javascript // 遍历所有名为 items 的 checkbox,并获取每个被选中的 value $("input[name='...

    jQuery实现checkbox列表的全选、反选功能

    全选(全选复选框)通常是指在一个列表中选中所有复选框,而反选则是取消所有复选框的选中状态。实现这两个功能,通常需要根据全选复选框的选中状态来改变其他复选框的选中状态。 ### 自定义属性data-check-target ...

    Jquery 实现checkbox全选方法

    - 当任何一个子checkbox被点击时,首先统计子checkbox中选中和未选中的数量,然后根据统计结果决定是否将全选复选框的状态设为选中。 #### 5. 页面使用示例 页面中,通过引入jQuery库和自定义的`xs_checkbox_all....

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    特别是对于RadioButton(单选按钮)、input(输入框)和CheckBox(复选框)这些表单元素,jQuery提供了非常便捷的方法来获取和设置它们的值。本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先...

    jquery笔记详细

    - 使用 `val()` 方法设置复选框组中被选中的项。 - 示例:设置复选框 `check2` 和 `check4` 被选中。 ```javascript $("input[type='checkbox']").val(["check2", "check4"]); ``` - **判断是否选中**: - ...

    jQuery获取多种input值的简单实现方法

    无论是在单选框(radio)、复选框(checkbox)还是下拉列表(select)中,jQuery都提供了一套简单而强大的API来帮助我们进行DOM操作,这些操作对于前端开发来说是非常实用的。理解并掌握这些知识点将有助于我们更加...

    jQuery操作input值的各种方法总结

    本篇文章将深入探讨jQuery如何获取和设置`input`元素(包括文本框、文本区域、复选框、单选按钮和下拉列表)的值。 首先,获取`input`值的方法通常涉及到`.val()`或`.attr("value")`这两个函数。对于单个元素,如...

    jquery实现select选中行、列合计示例

    如果某行的复选框被选中(显示),则将该行中每个单元格的值与合计行中相应列的值相加,然后更新合计行中相应列的值。如果复选框未被选中(隐藏),则不参与合计计算。 具体到代码实现,首先通过jQuery选择器找到...

    Jquery 表单取值赋值的一些基本操作

    - `E:checkbox`: 选取所有复选框(type="checkbox")。 - `E:submit`: 选取所有提交按钮(type="submit")。 - `E:image`: 选取所有图像按钮(type="image")。 - `E:reset`: 选取所有重置按钮(type="reset")。 - ...

    asp.net控件的分页批量全选删除

    在表格或列表视图中,通常会有一个复选框,选中它将选中所有行。这可以通过在GridView的列定义中添加一个BoundField或TemplateField,并在其中插入一个CheckBox控件来实现。然后,通过JavaScript或jQuery在客户端...

Global site tag (gtag.js) - Google Analytics