javascript - 如何获取 jQuery 生成的单选按钮的值

Question

我正在尝试获取由 jQuery 生成的单选按钮的值。我认为通话事件存在一些问题。这是我的代码:

HTML

<div id="divOption1"></div>

jQuery 单选按钮生成:

document.getElementById('divOption1').innerHTML = '<input id="option1" type="radio" value="1"/> '+ questions[currentQuestion]['option1'];

这里我调用 jQuery 函数来获取单选按钮值:

$("#option1").click(function (){
        alert($(this).val());
    })

帮我看看问题出在哪里 并告诉我为什么当我生成 jQuery Html 并附加到网页时没有调用事件？

Answer 1

使用on()而不是单击将事件与动态生成的元素绑定(bind)。您必须委托(delegate)父元素可以是文档或任何父元素。

<强> Live Demo

$(document).on("click", "#option1", function (){
    alert($(this).val());
});