使用 jQuery 检查动态构建的单选按钮列表

Question

我正在尝试使用 jQuery 获取所选单选按钮的值。如果我构建一个简单的静态页面，它工作正常。 Simple working fiddle

然而，当我动态构建广播列表时，使用 PapaParse 解析一个简单的字符串并使用 jQuery 构建列表，它不再有效。 Dynamic not working fiddle

这是我正在使用的函数：

$(document).ready(function(){
  $("input:radio[name=xAxisSelector]").on("change", function() {
      if (jQuery(this).is(":checked")) {
        // do stuff
        alert(this.checked)
        alert(this.value)
      }
    });
});

显然我遗漏了一些东西，这可能很简单，但我完全被难住了。我究竟做错了什么？

Answer 1

jQuery 曾经为此提供 LIVE，但现在没有了。

改变

$("input:radio[name=xAxisSelector]").on("change", function() {

至

 $(document).on("change","input:radio[name=xAxisSelector]", function() {

Answer 2

这只是事件的顺序，您在绑定事件的同时并行构建单选按钮。将其更改为顺序。这是更新后的 sample

function bindEvents(){
$("input:radio[name=xAxisSelector]").on("change", function() {
      if (jQuery(this).is(":checked")) {
        // do stuff
        alert(this.checked)
        alert(this.value)
      }
    });
}

     $(document).ready(function(){
        parseString();
        bindEvents();
    });

使用 jQuery 检查动态构建的单选按钮列表

Checking dynamically built radio button list with jQuery

jquery

papaparse