Question

我正在尝试从this page上通过Ajax插入的工具提示中获取所选的单选按钮值。

输出HTML如下所示：

-K....1: {
  gridArea: "First value"
}
-K....2: {
  gridArea: "Second value"
}
-K....3: {
  gridArea: "Third value"
}

这是我目前的jQuery：

<p>Start Time:<br></p>
<label><input name="rentalTimes" value="9am" type="radio">9:00 AM</label><br>
<label><input name="rentalTimes" value="11am" type="radio">11:00 AM</label><br>
<label><input name="rentalTimes" value="1pm" type="radio">1:00 PM</label>

就像我说的那样，这些工具提示是Ajax插入的。这是代码：

$("input[name='rentalTimes']").on("change", function() {
    var $theTime= $("input[name='rentalTimes']:checked").val();
    alert($theTime);
});

我正在使用Bootstrap工具提示。

任何人都知道我做错了什么或者在Ajax创建的div中获取所选单选按钮的正确技巧？

谢谢你看看 - 乔

Answer 1

由于工具提示是ajax插入的，因此在您在此处设置事件监听器时，它们不会准备好DOM。

$("input[name='rentalTimes']").on("change", function() {
  var $theTime= $("input[name='rentalTimes']:checked").val();
  alert($theTime);
});

您可以在body元素上设置事件侦听器，并为change事件传递一个选择器，如下所示：

$('body').on("change", "input[name='rentalTimes']", function() {
  var $theTime= $("input[name='rentalTimes']:checked").val();
  alert($theTime);
});

在Ajax生成的工具提示中获取选定的单选按钮值

1 个答案: