如何獲取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並應用於網頁時不調用event？

Answer 1

使用on（）而不是單擊將事件與動態生成的元素綁定。 您必須委托給父元素可以是document或任何父元素。

現場演示

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

Answer 2

使用live來動態生成html。

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