單擊復選框時禁用/啟用輸入jQuery

Question

我僅嘗試在用戶選中復選框后才啟用表單中的提交按鈕。 我已經禁用了該按鈕，開始禁用該按鈕，然后在最初單擊該復選框時將其啟用，但是如果我隨后取消選中該復選框，則該按鈕不會重新啟用。

HTML：

<input type="checkbox" id="waivercheck">
<input class="submit join-button" type="submit" value="Join Now" id="joinevent" disabled>

腳本：

$(document).ready(function() {
    $('#waivercheck').click(function(){
        if($(this).checked){
            $('#joinevent').prop("disabled",false);   
        } else {
            $('#joinevent').prop("disabled",true);
        }
    });
});

有人可以幫忙嗎？

Answer 1

您可以通過this.checked而非$(this).checked訪問復選框狀態。 而且我建議使用change事件。

$(document).ready(function() {
    $('#waivercheck').change(function(){        
        if(this.checked){
            $('#joinevent').prop("disabled",false);   
        } else {
            $('#joinevent').prop("disabled",true);
        }
    });
});

演示： https : //jsfiddle.net/rbnndz23/

Answer 2

您的問題是有條件的。

jQuery對象沒有checked屬性，但DOM元素本身有

代替

if($(this).checked)

可以做

// native element has checked property
if(this.checked)

要么

// jQuery is() with pseudo selector
if($(this).is(':checked'))

Answer 3

您不需要使用$(this).checked 。 而是嘗試使用this.checked 。 看這里 。