Question

我正在使用jQuery尝试验证是否已经选中了复选框，然后才允许用户点击＆＃39;继续＆＃39;按钮。

＆＃39;继续＆＃39;按钮设置＆＃39;启用=假＆＃39;当页面加载时。

到目前为止，我已经尝试过：

// On check of the accept terms checkbox
             $(".chkTandCs").change(function () {
                 // If checked, enable the Continue button, else, disable it.
                 if ($(this).is(":checked")) {
                     $(".lbnAcceptCurrent").removeAttr('disabled');
                 }
                 else {
                     $(".lbnAcceptCurrent").attr("disabled", "disabled");
                 }
             });

这还没有奏效。

复选框和＆＃39;继续＆＃39;按钮位于单击其他按钮时打开的模态内。

非常感谢所有人的帮助

Answer 1

改用prop（）

$(".chkTandCs").change(function () {
     $(".lbnAcceptCurrent").prop('disabled', !this.checked);
});

如果模态动态生成标记，则您需要委派

$(document).on('change', '.chkTandCs', function () {
     $(".lbnAcceptCurrent").prop('disabled', !this.checked);
});

并用模态

中最接近的静态父元素替换document

使用复选框验证

1 个答案: