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

不用对用户输入使用重复的id use类，然后访问它们：

$(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

你的逻辑是正确的。 您只是在这里和那里错过了一些末端冒号，并且有一个小错字，您还没有定义长度。 我还更改了您的无线电元素，以使用class代替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>

您的触发器
$(".myrdb").click(function () { if ($(this).is(':checked')) { alert($(this).val()); } });

让我知道事情的后续