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

Question

我正在尝试使用 jQuery 来获取选定单选按钮的值。如果我建立一个简单的静态页面，它工作正常。 简单的工作小提琴

但是，当我动态构建单选列表时，使用 PapaParse 解析简单字符串并使用 jQuery 构建列表，它不再起作用。 动态不工作的小提琴

这是我正在使用的功能：

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

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

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