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

Question

我正在尝试获取选中此按钮时动态生成的单选按钮的值。

这是我的代码 sn-p：

<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。

---

分辨率：

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

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

这解决了问题。

Answer 1

从选择器just use 'input[name="name1"]:checked't 中移除 $ 包装 获取更改对象使用this

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

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