javascript - 使用了 .prop，现在按钮不可点击

Question

我有一个关于 JQuery 的 prop() 的简单问题。我用它来检查“if”语句，但现在当我单击它所连接的 manualOverrideYes 单选按钮时，我无法单击其他按钮。谁能解释一下我如何使用 prop() 错误？任何和所有的帮助将不胜感激!再次感谢!

HTML:

Manual Overide: 
        <label>No <input type="radio" name="manualOverride" id="manualOverrideNo" value="no" checked /></label>
        <label>Yes<input type="radio" name="manualOverride" id="manualOverrideYes" value="yes" /></label>

        <div id="manualOverrideWarning">test</div>

JS:

$('#manualOverrideYes, #manualOverrideNo').bind('change', function () {
    if($('#manualOverrideYes').prop('checked', true)) {
        $('#manualOverrideWarning').text('Auto-complete Disabled!');
    } else {
        ($('#manualOverrideWarning').text('Auto-complete Enabled'));
    }
});

Answer 1

您正在使用 .prop() 方法作为返回 jQuery 对象的 setter，并且对象是 JavaScript 中的真值，您应该将其用作返回 bool 值的 getter本案例:

if ( $('#manualOverrideYes').prop('checked') ) { }

或者，您也可以使用 .text() 方法回调函数来代替使用 if 语句:

$('#manualOverrideYes, #manualOverrideNo').on('change', function () {
    $('#manualOverrideWarning').text(function() {
       return $('#manualOverrideYes').prop('checked')
              ? 'Auto-complete Disabled!'
              : 'Auto-complete Enabled';
    });
});