提交按钮被禁用，直到点击另一个按钮

我正在为公司预订员工假期的网站。当你把日期放入时，我有一个检查按钮和一个提交按钮。我想要提交按钮被禁用，直到点击检查按钮，但我不知道如何去做。有任何想法吗？提交按钮被禁用，直到点击另一个按钮

这些都是我的表单按钮

<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>

来源

2014-02-18 user3323463

你有什么迄今所做？这很简单。在复选框的onclick事件中设置this.form.submitbutton.disabled =！this.checked – mplungjan

检查按钮还有什么作用？您已将此标记为Classic ASP。传统的ASP是服务器端代码，这意味着它在页面加载时运行，所以你需要提交一个表单来让它做任何事情。您的检查按钮将需要自己的形式。如果这是JavaScript的工作，那么也许你需要添加标签 – John

它是在一个窗体中。这不是一个复选框对不起，它是一个提交按钮，但我用它来检查假期，看看它们是否可用或不可用 – user3323463

试试这个。您不能检查“检查”上的输入不是一个电台或复选框

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>

来源

2014-02-18 14:12:10 mplungjan

这很好。谢谢 – user3323463

请参阅更新。使用PROP代替ATTR – mplungjan

使用Internet Explorer时，不显示提交按钮。任何想法为什么？ – user3323463

提交按钮被禁用，直到点击另一个按钮

回答

相关问题