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