javascript - 取消选中复选框后返回 "on"值

Question

我正在遵循一个教程，您可以在其中创建一个启用禁用按钮的复选框，当您取消选中该框时，该按钮将再次禁用。问题是，当我取消选中该框时，该复选框似乎仍处于“打开”状态，因为该按钮未禁用。该代码可以在 Chrome 中运行，但不能在 Firefox 3.6 中运行。

这是我的代码:

<p><input type="checkbox" id="agree" >I agree</p>
<input id="continue" type="button" value="continue" disabled='true'>


<script>
        $('#agree').change(function(){
       var state = $(this).attr('value');
        if(state == 'on'){
        $('#continue').removeAttr('disabled');
        }else if(state == ''){
            $('#continue').attr('disabled', 'false');
        }
        });
    </script>

Answer 1

复选框的检查值不会随.val()改变，您应该使用.is('checked')，如下所示:

$('#agree').change(function() {
    var state = $(this).is(':checked'); //state = true/false depending on state
    if (state) { //if true
        $('#continue').removeAttr('disabled'); //remove disabled
    } else { //else (false)
        $('#continue').attr('disabled', 'disabled'); //add disabled (you shouldn't set it to 'false' as it WILL be disabled and it'll confuse you.
    }
});

这是一个 Example 查看我的观点。