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

它只是事件的顺序，你在绑定事件时构建单选按钮并行。将其更改为顺序。这是更新的样本 function bindEvents（）{ $（＆＃34;输入：radio [name = xAxisSelector]＆＃34;）。on（＆＃34;更改＆＃34;，function（）{ if（jQuery（this）.is（＆＃34 ;: checked＆＃34;））{ // 做东西警报（this.checked）警报（THIS.VALUE） } }）; } $（文件）。就绪（函数（）{ parseString（）; bindEvents（）; }）;

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

2 个答案: