クリック機能のjQuery IDとクラスセレクタ

Question

2つの入力がチェックされている場合、ボタンが無効の属性を追加する場合は、idチェックボックス入力とクラスラジオボタン入力のセレクタを持つこのコードを持っています。属性を削除しました。残念ながら、それは動作していません。いずれかをクリックしたときに、別のセレクタでそれを動作させるにはどうすれば属性を追加できますか？クリックされた現在の要素を参照する必要がある場合のstatemntインサイド

$("#callbackReq input.callbackopt").on("click", function() { 
 
    if ($("#callbackReq input.callbackopt").is(":checked")) { 
 
    $("#submitBtn").attr('disabled','disabled'); 
 
    } else { 
 
    $("#submitBtn").removeAttr('disabled'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<label> 
 
    <input type="checkbox" value="" id="callbackReq" name="callbackReq"> 
 
    Call back 
 
</label> 
 

 
<br /> 
 
<label class="radio-inline radio-choices">   
 
    <input class="callbackopt" type="radio" name="acceptedModr" id="approved" value="Y" checked /> 
 
    Approved 
 
</label> 
 

 
<label class="radio-inline radio-choices"> 
 
    <input class="callbackopt" type="radio" name="acceptedModr" id="rejected" value="N"/> 
 
    Rejected 
 
</label> 
 

 
<br /> 
 

 
<button class="btn btn-primary move-right" type="submit" value="ENTER" id="submitBtn" name="submitBtn" disabled> 
 
    Save and Next 
 
</button>

Answer 1

：

は、ここでは、コードです。このようなif文の内側にコードを変更してみてください。

$("#callbackReq,input.callbackopt").on("click", function() { 
 
    if (($(this).is(':checkbox') && $(this).is(":checked")) || $(this).val() == 'Y') { 
 
    $("#submitBtn").prop('disabled', false); 
 
    } else { 
 
    $("#submitBtn").prop('disabled', true); 
 
    } 
 
}); 
 

 
// or this if want radio button only 
 
/*$("#callbackReq,input.callbackopt").on("click", function() { 
 
    if ($(this).val() == 'Y') { 
 
    $("#submitBtn").prop('disabled', false); 
 
    } else { 
 
    $("#submitBtn").prop('disabled', true); 
 
    } 
 
});*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<label> 
 
    <input type="checkbox" value="" id="callbackReq" name="callbackReq">Call back 
 
</label> 
 

 
<br /> 
 
<label class="radio-inline radio-choices"> 
 
    <input class="callbackopt" type="radio" name="acceptedModr" id="approved" value="Y" />Approved 
 
</label> 
 

 
<label class="radio-inline radio-choices"> 
 
    <input class="callbackopt" type="radio" name="acceptedModr" id="rejected" value="N" checked/>Rejected 
 
</label> 
 

 
<br /> 
 

 
<button class="btn btn-primary move-right" type="submit" value="ENTER" id="submitBtn" name="submitBtn" disabled>Save and Next</button>

Answer 2

は、ここで作業溶液:)です。それが役に立てば幸い！