javascript - 提交按钮禁用，直到单击另一个按钮

Question

我正在为一家公司制作一个网站，用于为员工预订假期。当您输入日期时，我有一个检查按钮和一个提交按钮。我希望在单击复选按钮之前禁用提交按钮，但我不知道该怎么做。有什么想法吗？

这些是我的表单按钮

<input type="reset" value="Reset">
<input type="button" id="check" name="check"><label for="check">Check</label>
<input type="submit" id="submit" value="Submit" disabled >

这是我目前所拥有的，但它不起作用......

<script type="text/javascript">
  var button = $("input[type='button']"),
  submitButt = $("input[type='submit']");
  button.click(function () {
    submitButt.attr("disabled", !button.is(":clicked"));
  });
</script>

Answer 1

试试这个。您不能在不是 radio 或复选框的输入上选中“已选中”

Live Demo code Live Demo for IE

$(function() {
  var button = $("#check"),
  submitButt = $("#submit");
  button.on("click",function(e) {
     submitButt.prop("disabled",false); // NOT a toggle
  });
});

除非您将输入更改为复选框，否则此标签也没有意义

应该是

<input type="button" id="check" name="check" value="Check" />

如果你有一个复选框，就像你以前可能有的那样，代码是

$(function() {
  var chkbox = $("#check"),
  submitButt = $("#submit");
  chkbox.on("click",function(e) {
     submitButt.prop("disabled",!this.checked); // Toggle
  });
});

使用

<input type="checkbox" id="check" name="check">
<label for="check">Check</label>