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

我试图只允许在用户勾选复选框时启用表单中的“提交”按钮。我让按钮开始禁用，然后在最初单击复选框时变为启用，但是如果取消选中复选框，按钮不会变为重新启用

HTML:

---

有人可以帮忙吗？

您可以通过

此项访问复选框状态。选中的是
，而不是
$（此项）。选中的是
。我建议使用
change
事件

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

演示：
您的问题是有条件的

jQuery对象没有选中的
属性，但DOM元素本身有

而不是

if($(this).checked)

能行

// native element has checked property
if(this.checked)

或

您不需要使用
$（此项）。已选中
。请改用
此选项。选中
。看

if($(this).checked)

// native element has checked property
if(this.checked)

// jQuery is() with pseudo selector
if($(this).is(':checked'))