测试是否使用jQuery选中了复选框

Question

如果选中该复选框,那么我只需要将值设为1; 否则,我需要将其设为0.如何使用jQuery执行此操作？

$("#ans").val() 在这种情况下,我总是会给你一个权利:

<input type="checkbox" id="ans" value="1" />

Answer 1

使用.is(':checked')以确定它是否已选中,然后设置相应的值.

更多信息在这里.

Answer 2

$("#ans").attr('checked') 

会告诉你它是否被检查过.您还可以使用第二个参数true/false来选中/取消选中该复选框.

$("#ans").attr('checked', true);

根据评论,使用prop而不是attr在可用时.例如:

$("#ans").prop('checked')

Answer 3

只是用 $(selector).is(':checked')

它返回一个布尔值.

Answer 4

// use ternary operators
$("#ans").is(':checked') ? 1 : 0;

Answer 5

Stefan Brinkmann的答案非常好,但对于初学者来说是不完整的(省略了变量赋值).只是为了澄清:

// this structure is called a ternary operator
var cbAns = ( $("#ans").is(':checked') ) ? 1 : 0;

它的工作原理如下:

 var myVar = ( if test goes here ) ? 'ans if yes' : 'ans if no' ;

例:

var myMath = ( 1 > 2 ) ? 'yes' : 'no' ;
alert( myMath );

提醒'不'

如果这有用,请提升Stefan Brinkmann的答案.

Answer 6

你可以试试这个:

$('#studentTypeCheck').is(":checked");

Answer 7

我之前发现了同样的问题,希望这个解决方案可以帮到你.首先,在复选框中添加自定义属性:

<input type="checkbox" id="ans" value="1" data-unchecked="0" />

编写一个jQuery扩展来获取值:

$.fn.realVal = function(){
    var $obj = $(this);
    var val = $obj.val();
    var type = $obj.attr('type');
    if (type && type==='checkbox') {
        var un_val = $obj.attr('data-unchecked');
        if (typeof un_val==='undefined') un_val = '';
        return $obj.prop('checked') ? val : un_val;
    } else {
        return val;
    }
};

使用代码获取复选框值:

$('#ans').realVal();

你可以在这里测试一下

Answer 8

$('input:checkbox:checked').val();        // get the value from a checked checkbox

Answer 9

<input type="checkbox" id="ans" value="1" />

Jquery: var test= $("#ans").is(':checked') 它返回true或false.

在你的功能:

$test =($request->get ( 'test' )== "true")? '1' : '0';

Answer 10

您还可以使用:

$("#ans:checked").length == 1;