Как получить значение вызванной 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()); 
});