如果选中单选按钮并且未选中任何复选框，则提示“请选择”

Question

嘿伙计们，你能帮我解决这个问题吗？ 当单选按钮值为“拒绝”且未选中 checkbox1 checkbox2 checkbox3 时发出警报“请选择原因”

<input type="checkbox" name="checkbox1" value="reason1" id="checkbox1"> Reason1
<input type="checkbox" name="checkbox2" value="reason2" id="checkbox2"> Reason2
<input type="checkbox" name="checkbox3" value="reason3" id="checkbox3"> Reason3
<br>
<br>
<input type="radio" name="radio" value="Approve" id="radio1" required> Approve
 <input type="radio" name="radio" value="Reject" id="radio2" required> Reject
  <button type="submit" href="#"> Submit</button>

Answer 1

尝试这个。 如果您需要解释，请告诉我。

 $('input').change(function () { if($('#radio2').is(':checked') && $('#checkboxes input:checkbox:checked').length == 0) { alert("please choose reason"); } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="checkboxes"> <input type="checkbox" name="checkbox1" value="reason1" id="checkbox1"> Reason1 <input type="checkbox" name="checkbox2" value="reason2" id="checkbox2"> Reason2 <input type="checkbox" name="checkbox3" value="reason3" id="checkbox3"> Reason3 </div> <br> <br> <input type="radio" name="radio" value="Approve" id="radio1" required> Approve <input type="radio" name="radio" value="Reject" id="radio2" required> Reject <button type="submit" href="#"> Submit</button>