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()而不是 click 将事件与动态生成的元素绑定。您必须委托给父元素可以是文档或任何父元素。

现场演示

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

Answer 2

用于live动态生成的 html..

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