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

Question

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

0

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

<div id="rDataR">
</div>

МОЙ JAVASCRIPT

 <script>
    $(function () {
    var items="<p>";

    for (var i = 0; i < length; i++) {

      items+="<input type='radio' id='myrdb' value='"+i+"'/>"

    }
    items+="</p>"
    $("#rDataR").html(items);

    }
    </script>

Я пробую это, но не работаю

$('#myrdb').click(function () {
            if ($(this).is(':checked')) {
                alert($(this).val());
            }
        });

PgE92 30 нояб. 2014, в 13:38

Источник

1

возможный дубликат привязки событий к динамически создаваемым элементам?
JJJ 30 нояб. 2014, в 11:48
0

В вашем коде много ошибок. Не закрыты функции, не определена длина и т. Д.
Bhojendra Rauniyar 30 нояб. 2014, в 11:50
0

я забыл закрыть функцию.
PgE92 30 нояб. 2014, в 11:58
1

Вы определяете несколько элементов с одинаковым идентификатором. Не делай этого. Идентификатор должен быть уникальным в документе.
Artjom B. 30 нояб. 2014, в 12:54

Показать ещё 2 комментария

Теги:

javascript

jquery

html5

4 ответа

0

Вам необходимо изменить динамически добавленный html на

items+="<input type='radio' class='myrdb' value='"+i+"'/>"

Поскольку в соответствии с соглашением dom id's должен быть уникальным.

И обработчик события jQuery будет выглядеть так:

$(document).on('click','.myrdb',function () {
  if ($(this).is(':checked')) {
     alert($(this).val());
  }
});

jGupta 30 нояб. 2014, в 10:58

0

Вместо того, чтобы использовать дублирующий класс использования id для пользовательских входов, обращайтесь к ним:

$(function(){
 $('.myrdb').filter(':checked').click(function(){alert('I am checked')})
});

M-Sha 30 нояб. 2014, в 10:30

0

Логика правильная. Вы просто пропустили какие-то терминальные двоеточия здесь и там, и у вас была одна маленькая случайная опечатка, и вы не определили свою длину. Я также изменил ваши радиоэлементы, чтобы использовать класс вместо id, чтобы они могли быть однозначно идентифицированы последовательно. Изменения теперь выглядят следующим образом:

Ваш HTML:
<div id="rDataR"></div>

Ваш JavaScript
<script> $(function() { var items = "<p>"; var length = 10;//added length for (var я = 0; я < length; i++) { items += "<input type='radio' class='myrdb' value='" + я + "'/>"; } items += "</p>"; $("#rDataR").html(items);//corrected the typo #rDataE }); </script>

Ваш триггер
$(".myrdb").click(function() { if ($(this).is(':checked')) { alert($(this).val()); } });

Дайте мне знать, как это происходит

linil 30 нояб. 2014, в 10:12

Ещё вопросы

возможный дубликат привязки событий к динамически создаваемым элементам?
В вашем коде много ошибок. Не закрыты функции, не определена длина и т. Д.
Вы определяете несколько элементов с одинаковым идентификатором. Не делай этого. Идентификатор должен быть уникальным в документе.

Ibrahim Khan · Accepted Answer · 2014-11-30T09-49-00.000Z

попробуйте следующее:

$(document).on('click','#myrdb',function () {
        if ($(this).is(':checked')) {
            alert($(this).val());
        }
    });