正文
jquery获取checkbox的值的简单介绍
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
jquery怎么获取选中的checkbox的值
input type="checkbox" value="1111"/1
input type="checkbox" value="2222"/2
input type="checkbox" value="3333"/3
input type="checkbox" value="4444"/4
input type="checkbox" value="5555"/5
input type="checkbox" value="6666"/6
input type="button" id="test" value="Click Me"/
Script
$(function(){
$("#test").on("click",function(){
var ichk=$("input:checkbox:checked").map(function(){
return $(this).val();
}).get().join(",");
alert(ichk);
})
})
/Script
jquery 获取多个checkbox的value值
思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。
1、HTML结构
input type="checkbox" name="test" value="1"/span1/span
input type="checkbox" name="test" value="2"/span2/span
input type="checkbox" name="test" value="3"/span3/span
input type="checkbox" name="test" value="4"/span4/span
input type="checkbox" name="test" value="5"/span5/span
input type='button' value='提交' onclick="show()"/
2、javascript代码：
function show(){
obj = document.getElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
alert(check_val);
}
扩展资料
jQuery对checkbox的各种操作：
1、根据id获取checkbox：
$("#cbCheckbox1");
2、获取所有的checkbox：
$("input[type='checkbox']");//or
$("input[name='cb']");
3、获取所有选中的checkbox：
$("input:checkbox:checked");//or
$("input:[type='checkbox']:checked");//or
$("input[type='checkbox']:checked");//or
$("input:[name='ck']:checked")；
jquery怎么获取checkbox里的值
input type="checkbox" name="love[]" value="A"A
input type="checkbox" name="love[]" value="B"B
input type="checkbox" name="love[]" value="C"C
//选择器是 input[name="love[]"] ,选择name是love[]的元素
var allValue = [],checkedValue = [];
$('input[name="love[]"]').each(function(){
allValue.push(this.value);
if(this.checked){
checkedValue.push(this.value);
}
});
allValue是所有checkbox的值,
checkedValue 是选中checkbox的值
jQuery如何获取checkbox中的value值？
大体思路就是把你要的checkbox的元素遍历一下，然后取当前的value值，要使用jq内置的val()方法，代码如下：
form onsubmit="return false;"
input type="checkbox" value="三人行慕课1(3mooc.com)" name="check"三人行慕课1/input
input type="checkbox" value="三人行慕课2(3mooc.com)" name="check"三人行慕课2/input
input type="checkbox" value="三人行慕课3(3mooc.com)" name="check"三人行慕课3/input
input type="checkbox" value="三人行慕课4(3mooc.com)" name="check"三人行慕课4/input
input type="checkbox" value="三人行慕课5(3mooc.com)" name="check"三人行慕课5/input
button选中是谁/button
/form
script src="引入jquery.js"/scriptscript type="text/javascript"$(function(){ $("button").click(function(){ $.each($('input:checkbox:checked'),function(){ console.log( $(this).val() ); }); })})/script
