如何在jQuery中获得复选框的值?


当前回答

澄清一下:

$('#checkbox_ID').is(":checked")

将返回true或false

其他回答

//By each()
var testval = [];
 $('.hobbies_class:checked').each(function() {
   testval.push($(this).val());
 });


//by map()
var testval = $('input:checkbox:checked.hobbies_class').map(function(){
return this.value; }).get().join(",");

 //HTML Code

 <input type="checkbox" value="cricket" name="hobbies[]"  class="hobbies_class">Cricket 
  <input type="checkbox" value="hockey" name="hobbies[]" class="hobbies_class">Hockey

例子 演示

检索复选框值的最佳方法如下所示

if ( elem.checked ) 
if ( $( elem ).prop( "checked" ) ) 
if ( $( elem ).is( ":checked" ) ) 

正如jQuery网站上的官方文档所解释的那样。其余的方法与复选框的属性无关,它们正在检查属性,这意味着它们正在测试加载复选框时的初始状态。简而言之:

当你有一个元素,你知道它是一个复选框,你可以简单地读取它的属性,你不需要jQuery(即element .checked),或者你可以使用$(elem).prop("checked"),如果你想依赖jQuery。 如果你需要知道(或比较)元素第一次加载时的值(即默认值),正确的方法是element . getattribute ("checked")或element .prop("defaultChecked")。

请注意,element .attr("checked")只有在jQuery 1.6.1+版本之后才会被修改,以返回与element .prop("checked")相同的结果。

有些答案是误导或不准确的,请自己检查以下内容:

http://api.jquery.com/prop/

澄清一下:

$('#checkbox_ID').is(":checked")

将返回true或false

这两种方法是有效的:

$(" #复选框”).prop(检查) $('#复选框').is(':checked')(谢谢@mgsloan)

$(" #测试”).click(函数(){ alert("复选框状态(方法1)= " + $('#test').prop('checked')); alert("复选框状态(方法2 ) = " + $('# 测试的).(':检查')); }); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js " > < /脚本> 检查我:<input id="test" type="checkbox" />

$('#checkbox_id').val();
$('#checkbox_id').is(":checked");
$('#checkbox_id:checked').val();