获取动态添加的单选按钮（JQuery）的值

Question

当我选择此按钮时，我试图获取动态生成的单选按钮的值。

这是我的代码段：

<div id="divContainer">
</div>

Jquery的：

$("#divContainer").on("change", $('input[name="name1"]:checked'), function () {
            var selectedVal=$('input[name="name1"]:checked').val();
            console.log(selectedVal);
    });

selectedVal的值在这里返回null。

分辨率：

未正确分配默认值。我更新了生成单选按钮的代码片段：

('#radiBtn').attr("value",val);

这解决了这个问题。

Answer 1

从选择器just use 'input[name="name1"]:checked' t中删除$ wrap  用于更改对象的使用this

＆＃13;

＆＃13;

var div = $("#divContainer").on("change", 'input[name="name1"]:checked', function() {
  var selectedVal = $(this).val();
  console.log(selectedVal);
});

$('<input>', {
  name: 'name1',
  type: 'radio',
  value: 1
}).appendTo(div);

$('<input>', {
  name: 'name1',
  type: 'radio',
  value: 2
}).appendTo(div);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="divContainer">
</div>

＆＃13;

＆＃13;

＆＃13;