ラジオがチェックされているときにクラスを削除する

Question

ラジオがチェックされている場合はボタンブックがあり、ボタンブックで無効になっているクラスはすべて削除され、チェックされていればボタンブックは無効のままです。

私はその機能を作ろうとしましたが、機能しませんでした。

$(document).ready(function() { 
 
    var departInput = $('#flightResultOneway input:radio'); 
 
    var returnInput = $('#flightResultReturn input:radio'); 
 

 
    $(departInput).click(function() { 
 
    $('#flightResultOneway input:not(:checked)').parent().addClass('hide'); 
 
    $('#flightResultOneway input:checked').parent().removeClass('hide'); 
 
    }); 
 

 
    $(returnInput).click(function() { 
 
    $('#flightResultReturn input:not(:checked)').parent().addClass('hide'); 
 
    $('#flightResultReturn input:checked').parent().removeClass('hide'); 
 
    }); 
 
}); 
 

 
// BUTTON BOOK 
 
if($('#flightResultOneway input:checked')){ 
 
\t $('#book').removeClass('disabled'); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div id="flightResultOneway" class="list-result"> 
 
<h1>Depart</h1> 
 
    <div class="result-list"> 
 
    <label class="item"> 
 
     <input type="radio" name="depart">lion 
 
    </label> 
 
    <label class="item"> 
 
     <input type="radio" name="depart">citi 
 
    </label> 
 
    </div> 
 
</div> 
 
<div id="flightResultReturn" class="list-result"> 
 
<h1>Return</h1> 
 
    <div class="result-list"> 
 
    <label class="item"> 
 
     <input type="radio" name="return">citi 
 
    </label> 
 
    <label class="item"> 
 
     <input type="radio" name="return">lion 
 
    </label> 
 
    </div> 
 
</div> 
 

 
<div class="next-book"> 
 
    <a href="#" id="book" class="btn btn-primary disabled">book</a> 
 
</div>

Answer 1

これは我々ができるよう

$(document).on("change", "input[type='radio']", function(){ 
    $("input[type='radio']").each(function(){ 
    $("#book").attr("disabled", false); 
     if($(this).is(":checked") === false){ 
      $("#book").attr("disabled", true); 
     } 
    }); 
}); 

し、HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
<div id="flightResultOneway" class="list-result"> 
<h1>Depart</h1> 
    <div class="result-list"> 
    <label class="item"> 
     <input type="radio" name="depart">lion 
    </label> 
    <label class="item"> 
     <input type="radio" name="depart">citi 
    </label> 
    </div> 
</div> 
<div id="flightResultReturn" class="list-result"> 
<h1>Return</h1> 
    <div class="result-list"> 
    <label class="item"> 
     <input type="radio" name="return">citi 
    </label> 
    <label class="item"> 
     <input type="radio" name="return">lion 
    </label> 
    </div> 
</div> 

<div class="next-book"> 
    <a href="#" id="book" class="btn btn-primary disabled">book</a> 
</div>