JQuery продолжает получать значение неправильной радиокнопки, если установлен по умолчанию - PullRequest
Новая
       18

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

0 голосов
/ 17 марта 2019

Радиокнопки, первая отмечена по умолчанию: 

  <div class="shipping">
    <div class="title">Select shipping method</div>
    <label><input type="radio" name="shipping" value="courier-dpd" checked="checked">Courier DPD</label>
    <label><input type="radio" name="shipping" value="personal">Personal pick up</label>
    <button>Next</button>
  </div>

Js: 

$(document).on('click', '.shipping button', function() {
  let val = $('.shipping').find('input[name="shipping"]:checked').val()
  console.log(val);
}

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

Почему это?Я не могу найти решение.

1 Ответ

0 голосов
/ 17 марта 2019

Редактировать 2: Добавлен код JS из обновленного вопроса. Кажется, здесь работает.

Редактировать: Добавлена ​​кнопка отправки для демонстрации действия отправки.

Ну, вы звоните console.log после изменения значения? Я создал фрагмент ниже, и он отлично работает. 

$(function() {
  let val = $('.shipping').find('input[name="shipping"]:checked').val()
  console.log(val);

  /*$('#btn').on('click', function() {
    let val = $('.shipping').find('input[name="shipping"]:checked').val()
    console.log(val);
  })*/

  $(document).on('click', '.shipping button', function() {
    let val = $('.shipping').find('input[name="shipping"]:checked').val()
    console.log(val);
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="shipping">
  <div class="title">Select shipping method</div>
  <label><input type="radio" name="shipping" value="courier-dpd" checked="checked">Courier DPD</label>
  <label><input type="radio" name="shipping" value="personal">Personal pick up</label>
  <button>Next</button>
</div>
...