jquery获取checkbox的值的简单介绍

jquery怎么获取选中的checkbox的值

input type="checkbox" value="1111"/1

创新互联公司专注于企业成都全网营销、网站重做改版、韶山网站定制设计、自适应品牌网站建设、H5响应式网站、成都做商城网站、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为韶山等各大城市提供网站开发制作服务。

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