Ajaxで生成されたツールチップの選択されたラジオボタンの値を取得します

Question

Ajax経由で挿入されたツールチップ内から選択したラジオボタンの値をthis pageに取得しようとしています。 HTMLは次のようになります

出力：

<p>Start Time:<br></p> 
<label><input name="rentalTimes" value="9am" type="radio">9:00 AM</label><br> 
<label><input name="rentalTimes" value="11am" type="radio">11:00 AM</label><br> 
<label><input name="rentalTimes" value="1pm" type="radio">1:00 PM</label> 

は、ここに私の現在のjQueryの：

$("input[name='rentalTimes']").on("change", function() { 
    var $theTime= $("input[name='rentalTimes']:checked").val(); 
    alert($theTime); 
}); 

私はこれらのツールチップがアヤックスに挿入されて言ったように。そのコードは次のとおりです。

$.ajax({ 
    type: "POST", 
    url: "includes/available.php", 
    data: "day=" + $theID + "&calendar=" + $theDuration + "&rand=" + Math.random(), 
    success: function(data) { 
    $("#"+$theLiID).tooltip({title: data, trigger: "click", placement: "auto right",html: true}); 
    $("#"+$theLiID).tooltip("show"); 
    }, 
    dataType: "text" 
}); 

私はブートストラップツールチップを使用しています。

Ajaxで作成したdivで選択したラジオボタンを取得するために、間違っていることや正しい手法を知っている人は誰ですか？外観を取るための

おかげで - ジョー

Answer 1

ツールチップがアヤックスに挿入されているので、彼らは準備ができてDOMあなたがここにイベントリスナーを設定した瞬間ではありません。

$("input[name='rentalTimes']").on("change", function() { 
    var $theTime= $("input[name='rentalTimes']:checked").val(); 
    alert($theTime); 
}); 

あなたはbody要素にイベントリスナーを設定し、そのように変更イベントのためのセレクタを渡すことができます[？動的に作成された要素を上の結合イベント]の

$('body').on("change", "input[name='rentalTimes']", function() { 
    var $theTime= $("input[name='rentalTimes']:checked").val(); 
    alert($theTime); 
});