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

现场演示

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