提交按鈕被禁用，直到點擊另一個按鈕

我正在爲公司預訂員工假期的網站。當你把日期放入時，我有一個檢查按鈕和一個提交按鈕。我想要提交按鈕被禁用，直到點擊檢查按鈕，但我不知道如何去做。有任何想法嗎？提交按鈕被禁用，直到點擊另一個按鈕

這些都是我的表單按鈕

<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

提交按鈕被禁用，直到點擊另一個按鈕

回答

相關問題