如何获取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()而不是单击以使用动态生成的元素绑定事件。您必须委托父元素可以是文档或任何父元素。

<强> Live Demo

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

Answer 2

使用live动态生成的html ..

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