javascript - 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) 不返回 bool 值，而是将 checked 属性设置为 false，因此不应在条件中使用，这是正常行为

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

可以更改为使用 is() 和 :checked 选择器进行测试。

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

或

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

您可以通过使用 native javascript获得最佳性能

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

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