javascript - 单击复选框时禁用/启用输入jQuery

我试图仅在用户选中复选框后才允许启用表单中的提交按钮。我已经禁用了该按钮，开始禁用该按钮，然后在最初单击该复选框时将其启用，但是如果我随后取消选中该复选框，则该按钮不会重新启用。

HTML：

<input type="checkbox" id="waivercheck">
<input class="submit join-button" type="submit" value="Join Now" id="joinevent" disabled>

脚本：

$(document).ready(function() {
    $('#waivercheck').click(function(){
        if($(this).checked){
            $('#joinevent').prop("disabled",false);
        } else {
            $('#joinevent').prop("disabled",true);
        }
    });
});

有人可以帮忙吗？

最佳答案

您可以通过this.checked而不是$(this).checked访问复选框状态。我建议使用change事件。

$(document).ready(function() {
    $('#waivercheck').change(function(){
        if(this.checked){
            $('#joinevent').prop("disabled",false);
        } else {
            $('#joinevent').prop("disabled",true);
        }
    });
});

演示：https://jsfiddle.net/rbnndz23/