版权声明:无需授权即可转载,甚至无需保留以上版权声明... ... https://blog.csdn.net/qq_28296925/article/details/83827544
版权声明
本博文首发于:
CSDN 瑾兰 (https://blog.csdn.net/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"
选中状态的复选框。
分析如下:
:checked
:匹配所有被选中元素(复选框、单选框等,不包括select中的option)。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的值》 :感谢博主的贡献。