0

Есть 2 группы радио кнопок

    <div class="gruppa_1">

<input id="gruppa_1_1" class="radioBtnClass" name="gruppa_1" value="11" type="radio">
<input id="gruppa_1_2" class="radioBtnClass" name="gruppa_1" value="12" type="radio">
<input id="gruppa_1_3" class="radioBtnClass" name="gruppa_1" value="13" type="radio">
            </div>
    <div class="gruppa_2">

<input id="gruppa_2_1" class="radioBtnClass" name="gruppa_2" value="21" type="radio">
<input id="gruppa_3_2" class="radioBtnClass" name="gruppa_2" value="22" type="radio">
<input id="gruppa_4_3" class="radioBtnClass" name="gruppa_2" value="33" type="radio">
            </div>

Написал код

    jQuery('.gruppa_2  input:radio[name=gruppa_2]').on(function (e) {
    jQuery('.gruppa_1 input:radio[name=gruppa_1]').each(function (e) {
        var $this = jQuery(this);
        if (jQuery(this).prop('checked')) {
            jQuery($this).prop("checked", false);
        }
        console.log($this.prop('checked'));
    });
});

Клик отрабатывает а снятие всех радио боксов не срабатывает но если запросить данную функцию ВНЕ клика то срабатывает. (НАПРИМЕР В КОНСОЛИ БРАУЗЕРА).

Вопрос как снять все флажки с первой группы если выбран флажок во 2 группе.

4
  • Что-то у меня очень большие подозрения, что ваш JS-код вообще работает.
    – MasterAlex
    28 мая 2016 в 10:40
  • И смущает фраза "снять все флажки с первой группы", потому что у группы радиобаттонов не может быть больше одного элемента с параметром checked.
    – MasterAlex
    28 мая 2016 в 10:44
  • @MasterAlex тут имеется ввиду состояние, когда ни один из флагов вообще не установлен: jQuery($this).prop("checked", false).
    – Alex Krass
    28 мая 2016 в 10:47
  • jsfiddle.net/7bvfm899/4
    – splash58
    28 мая 2016 в 10:57

2 ответа 2

1

Если вы откроете документацию, то функция on принимает два обязательных параметра events и handler. У Вас в коде я вижу только один, следовательно код уже нерабочий.

Добавьте название обработчика "click" к функции и все заработает:

jQuery('.gruppa_2  input:radio[name=gruppa_2]').on("click",function (e) {
    jQuery('.gruppa_1 input:radio[name=gruppa_1]').each(function (e) {
        var $this = jQuery(this);
        if (jQuery(this).prop('checked')) {
            jQuery($this).prop("checked", false);
        }
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gruppa_1">
    <input id="gruppa_1_1" class="radioBtnClass" name="gruppa_1" value="11" type="radio">
    <input id="gruppa_1_2" class="radioBtnClass" name="gruppa_1" value="12" type="radio">
    <input id="gruppa_1_3" class="radioBtnClass" name="gruppa_1" value="13" type="radio">
</div>
<div class="gruppa_2">
    <input id="gruppa_2_1" class="radioBtnClass" name="gruppa_2" value="21" type="radio">
    <input id="gruppa_3_2" class="radioBtnClass" name="gruppa_2" value="22" type="radio">
    <input id="gruppa_4_3" class="radioBtnClass" name="gruppa_2" value="33" type="radio">
</div>

0

1) Чтобы все пункты первого ряда можно было выделять, нужно сделать чтобы они были чекбоксами. 2) А чтобы убирать выделение у всех сразу пунктов each не обязательно.

В итоге вот так всё работает:

jQuery('.gruppa_2  input[name=gruppa_2]').on("click", function(e) {
  jQuery('.gruppa_1 input[name=gruppa_1]').prop("checked", false);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="gruppa_1">

  <input id="gruppa_1_1" class="radioBtnClass" name="gruppa_1" value="11" type="checkbox">
  <input id="gruppa_1_2" class="radioBtnClass" name="gruppa_1" value="12" type="checkbox">
  <input id="gruppa_1_3" class="radioBtnClass" name="gruppa_1" value="13" type="checkbox">
</div>
<div class="gruppa_2">

  <input id="gruppa_2_1" class="radioBtnClass" name="gruppa_2" value="21" type="radio">
  <input id="gruppa_3_2" class="radioBtnClass" name="gruppa_2" value="22" type="radio">
  <input id="gruppa_4_3" class="radioBtnClass" name="gruppa_2" value="33" type="radio">
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.