[复选框] 获取checkbox选中的值

版权声明

本博文首发于：
优快云 瑾兰 （https://blog.youkuaiyun.com/qq_28296925） 博客。
请注意：
无需授权即可转载；
甚至无需保留以上版权声明… …

---

一、情景

我想获取复选框下处于选中状态下的 值，该复选框的name属性：name="active"。

二、代码

1、html代码

<input type="checkbox" name="active" class="active" value="12">
<input type="checkbox" name="active" class="active" value="13">
<input type="checkbox" name="active" class="active" value="14">

2、javascript

var chk_value=[];
var count=0;
$('input[name="active"]:checked').each(function(){   // 遍历input输入框中name=active 选中状态的值。
    chk_value.push($(this).val());
    count+=1;
});
    console.info("所有为选中状态复选框的值："+chk_value+",选中状态的个数："+count)

3、总结

$('input[name="active"]:checked').each(function(){ });：获取所有name="active"选中状态的复选框。

分析如下：

1. :checked：匹配所有被选中元素(复选框、单选框等，不包括select中的option)。
2. each(callback):以每一个匹配的元素作为上下文来执行一个函数。

---

三、网上摘选代码【参考】

1、js获取复选框值

           //js获取复选框值    
            var obj = document.getElementsByName("active");//选择所有name="active"的对象，返回数组    
            var s='';//如果这样定义var s;变量s中会默认被赋个null值
            for(var i=0;i<obj.length;i++){
                 if(obj[i].checked) //取到对象数组后，我们来循环检测它是不是被选中
                 s+=obj[i].value+',';   //如果选中，将value添加到变量s中    
            }

2、jquery获取复选框值

           //jquery获取复选框值    
            var chk_value =[];//定义一个数组    
            
            //遍历每一个名字为active的复选框，其中选中的执行函数    
            $('input[name="active"]:checked').each(function(){
              chk_value.push($(this).val());//将选中的值添加到数组chk_value中    
            });

---

四、 鸣谢

参考博文：
1、《jquery获取复选框checkbox的值》 ：感谢博主的贡献。