DOMの変更後にRadioButton jqueryメソッドが変更されない

Question

私はlogi（レート、期間の変更）に基づいてajaxによってラジオボタンのhtmlを変更しています（ラジオボタンの名前は同じです）。 DOMを変更する前にchange(function(e)メソッドが完璧に動作し、DOMが変更されるとchange(function(e)は機能しません。私は間違っているの？

あなたが動的にDOM要素を追加するためにイベントを取り付けるためのイベントの委任を使用する必要が

<tr> 
     <td> 
      <input type="radio" name="membershipTerm" checked="@yr1" value="@membership.Year1RateCode"> 
     </td> 
     <td>1 Year Membership (@startDate to @Convert.ToDateTime(membership.CycleEndDate).Date.ToString("MMM yyyy"))</td> 
     <td>1 Year</td> 
     <td style="text-align: right">$<span class="membershipPrice">@membership.Year1Price</span> USD</td> 
    </tr> 


    $('input[type=radio][name=membershipTerm]').change(function(e) { 
      var price = $(e.target).parent().parent().find("span").text(); 
      membershipData.updatemembershipPrice(price); 

Answer 1

：

$(document).on('change','input[type=radio][name=membershipTerm]',function(e) { 
     var price = $(e.target).parent().parent().find("span").text(); 
     membershipData.updatemembershipPrice(price);