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

试试这个。您不能在非收音机或复选框的输入上选中“已选中”

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>

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

1 个答案: