不要为不同的ids选择多个单选按钮

Question

如果已经为不同的单选按钮id选择了一个单选按钮，则不选择另一个单选按钮

​

$('input[type="radio"]').click(function () {
                    if ($(IsCorrectAnswerOption1).is(':checked')) {
                        $("#IsCorrectAnswerOption1").val(true);
                    } else if ($(IsCorrectAnswerOption2).is(':checked')) {
                        $("#IsCorrectAnswerOption2").val(true);
                    }
                    else if ($(IsCorrectAnswerOption3).is(':checked')) {
                        $("#IsCorrectAnswerOption3").val(true);
                    }
                    else if ($(IsCorrectAnswerOption4).is(':checked')) {
                        $("#IsCorrectAnswerOption4").val(true);
                    }
                });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" class="radio-button" name="IsCorrectAnswerOption1" id="IsCorrectAnswerOption1" /> A
<input type="radio" class="radio-button" name="IsCorrectAnswerOption2" id="IsCorrectAnswerOption2" /> B
<input type="radio" class="radio-button" name="IsCorrectAnswerOption3" id="IsCorrectAnswerOption3" /> C
<input type="radio" class="radio-button" name="IsCorrectAnswerOption4" id="IsCorrectAnswerOption4" /> D

​

它也选择多个单选按钮，在这里，我需要保持名称也不同。

Answer 1

您可以先取消检查所有内容，然后检查单击的内容。

​

$('input[type="radio"]').click(function () {
  $('input[type="radio"]').prop('checked',false);
  $('input[type="radio"]').val('false');
    $(this).prop('checked','checked');
    $(this).val('true');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="radio" class="radio-button" name="IsCorrectAnswerOption1" id="IsCorrectAnswerOption1" /> A
<input type="radio" class="radio-button" name="IsCorrectAnswerOption2" id="IsCorrectAnswerOption2" /> B
<input type="radio" class="radio-button" name="IsCorrectAnswerOption3" id="IsCorrectAnswerOption3" /> C
<input type="radio" class="radio-button" name="IsCorrectAnswerOption4" id="IsCorrectAnswerOption4" /> D

​