Question

我是html和jQuery的新手，我试图创建一个项目，首先我首先禁用我的Jquery Button，但是当单击复选框时它将被启用，但是下面的代码不起作用。该按钮未禁用，即使我的复选框未选中，也始终启用。我真的很感谢任何建议和帮助。非常感谢。

function goFurther() {
  if (document.getElementById("chkAgree").checked == true) {
    $("#submit").disabled = false;
    $("#cancel").disabled = false;  
  } else {
    $("#submit").disabled = true;
    $("#cancel").disabled = true;
  }
}

input[disabled] {
  color: gray;
  text-decoration: none;
}

<form>
  <input type="checkbox" id="chkAgree" onclick="goFurther()">I agree.
  <br><br>
</form>

Answer 1

您无法在jQuery包装的元素上设置disabled。为此使用prop()：

$("#submit").prop('disabled', false); // To enable the button
$("#submit").prop('disabled', true); // To disable the button

或者，您可以使用get()从jQuery包装器中获取本机DOM元素，然后分配disabled：

$("#submit").get(0).disabled = false; // To enable the button
$("#submit").get(0).disabled = true; // To disable the button

Answer 2

有很多方法可以禁用带有和不带有jQuery的复选框，例如

document.getElementById("test").disabled= true;
$("#test").prop('disabled', true);
$("#test").attr('disabled', true);

单击复选框时禁用和启用Jquery Button

2 个答案: