jQuery .prop('checked',false)不起作用

Question

HTML:

<form class="form">
    <input type="checkbox" id="box" /> Check Me!
</form>

JS:

$(window).load(function() {
    var myFunc = function() {
        if($('#box').prop('checked', false)) {
            $('.form').append('<p>Checkbox is not checked.</p>');
        }
    }

    $('#box').on('change', myFunc);
});

这是一个JSFiddle http://jsfiddle.net/3PYm7/

当我$('#box').prop('checked', false)作为if声明的条件使用它不起作用,但! $('#box').prop('checked')工作得很好!

Answer 1

该语句$('#box').prop('checked', false)不返回布尔值,而是将checked属性设置为false,因此不应在条件和正常行为中使用

if($('#box').prop('checked', false))

可以改变使用测试is()与:checked选择.

if($('#box').is(':checked'))

要么

if($('#box:checked').length)

您可以使用本机JavaScript 获得最佳性能

if(document.getElementById('box').checked)

$('#box').prop('checked')您提到的工作语句返回checked属性值而不是设置.