如何獲取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()); 
}); 

Answer 2

使用live動態生成HTML ..

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