javascript - 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 を生成して Web ページに追加するときにイベントが呼び出されない理由を教えてください。

score 5 · Accepted Answer

click の代わりにon()を使用して、イベントを動的に生成された要素にバインドします。ドキュメントまたは任意の親要素である親要素に委任する必要があります。

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

score 0 · Accepted Answer

live動的に生成された html に使用します。

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

2 に答える 2