有條件啓動按鈕與jQuery

Question

<div class="error-message"></div> 

<form id="satisfaction" onsubmit="return validateInput()"> 
    <input type="radio" name="satisfied" value="yes" required /> Satisfied 
<input type="checkbox" name="donate" /> Donate<br /> 
<input type="radio" name="satisfied" value="no" required /> Not satisfied 
    <input type="text" name="reason" /> Reason<br /> 
    <input type="submit" value="Submit" /> 
    </form> 
    <script> 

的jQuery：

$('input[name="donate"]').attr('disabled', 'true'); 

$(document).ready(function() { 
$('input[name="satisfied"]').click(function(){ 

    $('input[name="donate"]').removeAttr("disabled"); 

});}); 

我怎麼能寫在jQuery的代碼，讓用戶檢查「捐贈」按鈕，當且僅當「滿意」按鈕被選中？

Answer 1

啓動與捐贈輸入禁用

<input type="radio" name="satisfied" value="yes" required /> Satisfied 
<input type="checkbox" name="donate" disabled="disabled"/> Donate<br /> 
<input type="radio" name="satisfied" value="no" required /> Not satisfied 

使用change事件，您可以啓用框，如果用戶選擇「滿意」，否則將其禁用。

$(document).on('ready', function(){ 
    $('input[name="satisfied"]').on('change', function(){ 
     var val = $('input[name="satisfied"]:checked').val(); //either 'yes' or 'no' 
     var $donate = $('input[name="donate"]'); //this is the donate input 
     if(val == 'yes') 
      $donate.prop('disabled', false); 
     else 
      $donate.prop('disabled', true); 
    }); 
}); 

Answer 2

你需要做這樣的事情

$('input[name="donate"]').attr('disabled', true); 

$(document).ready(function() { 
    $('input[name="satisfied"]').on('change', function() { 
    if ($('input[name="satisfied"]:checked').val() == 'yes') 
     $('input[name="donate"]').removeAttr("disabled"); 
    else 
     $('input[name="donate"]').attr('disabled', true); 
    }); 
}); 

這裏的小提琴：https://jsfiddle.net/6syhqzf9/