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

Question

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()); 
      } 
     }); 

Answer 1

попробовать, как следующее:

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

Answer 2

Вместо использования дубликата класса использовать идентификатор для пользовательских входовзатем получить доступ к ним:

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

Answer 3

Вы должны изменить динамически добавляемые 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()); 
    } 
}); 

Answer 4

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

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

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

Ваш Trigger
$(".myrdb").click(function() { if ($(this).is(':checked')) { alert($(this).val()); } });

Дайте мне знать, как она идет