1

Собственно, методом post

$(document).ready(function(){
$('#registerButton').on('click',function(){
 var lot1 = $('#text').val();
 $.post(
    'obrabotchik.php', // адрес файла с обработчиком
    {lot:lot1},
      function (data){
       $('#otvet').html(data);
});
});
})

получил выборку радиоинпутов

<input type="radio" id="inputReg" value="One">
<input type="radio" id="inputReg" value="Two">

Необходимо при выборе радиокнопки сразу передать значение в следующую форму.

<input type="text"  id="GR" value="Значение радиокнопки">

Хотел применить следующую функцию


    $( "#inputReg" ).on( "click", function() {
        //копирование значения радиокнопки в форму
       ( "#GR" ).val( $( "input:checked" ).val());
    });

Она срабатывает только если радио инпуты были на странице изначально, но подгруженные игнорирует.

Как изменить последнюю функцию для копирования значений из подгруженного объекта?

8
  • Метод "on" будет навешивать события и на динамически добавленные элементы. Почему у вас несколько элементов с одним id? Попробуйте использовать имя класса вместо id, id должен быть уникальным на странице.
    – jekaby
    15 окт 2016 в 12:46
  • Таким образом (один id) я отделяю пакет радиоинпутов. Есть и другие... Меня интересует значение только одного инпута со значением checked.
    – Xstroy
    15 окт 2016 в 12:49
  • @Xstroy id - это уникальный идентификатор, элементы на странице должны быть с уникальным id. Отделять пакет вы можете например одним классом. А выделяются элементы в группу по одному имени.
    – Alex
    15 окт 2016 в 12:51
  • Мне кажется, без разницы, что будет якорем для функции.
    – Xstroy
    15 окт 2016 в 12:59
  • Вижу у себя в примере, что действительно id были разными, на там событие вешалось на все инпуты. Как правильно указать name?
    – Xstroy
    15 окт 2016 в 13:04

1 ответ 1

1

Для динамически создаваемых элементов следует вешать событие на document или body

$(document).on("click", ".inputReg", function() {
  //копирование значения радиокнопки в форму
  $("#GR").val($("input:checked").val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<input type="radio" name="test" id="inputReg" class="inputReg" value="One">
<input type="radio" name="test" id="inputReg" class="inputReg" value="Two">

<input type="text" name="GR" id="GR">

P.S.: в данном случае правильнее вешать событие на класс, однако если Вам нужно все же повесить событие на id, то код также будет работать.

1

Ваш ответ

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

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