Не выбирать более одного переключателя для разных идентификаторов

Question 1

Я не выбираю другой переключатель, если я уже выбрал один переключатель для другого идентификатора переключателя

$('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

Он также выбирает несколько переключателей, и здесь, в моем случае, мне нужно, чтобы имя также отличалось

jquery

0

Arun 29 Окт 2019 в 12:44

Вы хотите выбрать только one или more then one??

–

Divyesh patel

29 Окт 2019 в 13:01

У вас не должно быть этой проблемы с тем же именем. Однако вы хотите сохранить разные имена? Совершенно верно ? (Должно ли имя в вашем случае совпадать с идентификатором?)

–

i.signori

29 Окт 2019 в 13:02

Только один, но при выборе другого он также выбирает этот

–

Arun

29 Окт 2019 в 13:02

Да, я хочу оставить имя другим

–

Arun

29 Окт 2019 в 13:03

Answer

Вы можете сначала снять все флажки, а затем отметить тот, который вы щелкнули

$('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

0

Stender 29 Окт 2019 в 13:19

Question 2

Вы можете сначала снять все флажки, а затем отметить тот, который вы щелкнули

$('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

0

Stender 29 Окт 2019 в 13:19

Не выбирать более одного переключателя для разных идентификаторов

1 ответ

Похожие вопросы

Новые вопросы

jquery