無法在部分視圖中更改單選按鈕

我在我的視圖中加載了一個包含一些單選按鈕的局部視圖，但是當我試圖通過某些jquery調用來響應單選按鈕的事件時，我不能。這是不可能的，或者我把代碼放在錯誤的地方。我把jQuery代碼放在視圖和局部視圖類中，但都不起作用。任何人都可以幫助......任何建議？或代碼示例或鏈接？下面無法在部分視圖中更改單選按鈕

代碼：

對不起......這裏的局部視圖

@model IEnumerable<Tuda.Models.PriceModel> 
<table class="planTable"> 
     <thead> 
      <tr> 
       <th></th> 
       <th scope="col" abbr="Premium">PREMIUM</th> 
       <th scope="col" abbr="Deluxe">DELUXE</th> 
       <th scope="col" abbr="Utlmate">ULTIMATE</th>    
      </tr> 
     </thead> 
     <tfoot>    
      <tr> 
       <th scope="row" style="font-weight:bold">Select Plan</th> 
       <td><input type="radio" name="planRadio" value="1"></td> 
       <td><input type="radio" name="planRadio" value="2"></td> 
       <td><input type="radio" name="planRadio" value="3"></td>    
      </tr> 
     </tfoot> 
     <tbody> 
      <tr> 
       <th scope="row">Library Use (Includes Questions & Answers Only)</th> 
       <td>Unlimited</td> 
       <td>Unlimited</td> 
       <td>Unlimited</td>    
      </tr> 

      <tr> 
       <th scope="row">Interview Tips & Guides</th> 
       <td><span ><img src="../../Images/check0.png" /></span></td> 
       <td><span ><img src="../../Images/check0.png" /></span></td> 
       <td><span ><img src="../../Images/check0.png" /></span></td>    
      </tr> 
      <tr> 
       <th scope="row">Problem Areas Detection</th> 
       <td><span ><img src="../../Images/check0.png" /></span></td> 
       <td><span ><img src="../../Images/check0.png" /></span></td> 
       <td><span ><img src="../../Images/check0.png" /></span></td>    
      </tr> 
      <tr> 
       <th scope="row">Relevant Concepts & Terminology</th> 
       <td> - </td> 
       <td> - </td> 
       <td><span ><img src="../../Images/check0.png" /></span></td>    
      </tr> 
      <tr> 
       <th scope="row">User Recommended</th> 
       <td></td> 
       <td><span><img src="../../Images/check0.png" /></span></td> 
       <td><span><img src="../../Images/check0.png" /></span></td>    
      </tr> 
      <tr> 
       <th scope="row">Validity</th> 
       <td>1 Month</td> 
       <td>3 Months</td> 
       <td>12 Months</td>    
      </tr> 
     </tbody> 
    </table> 

     <script type="text/javascript"> 
      $(document).ready(function() {   

$("input[name='planRadio']").change(function(){ 
    var planse = $("input[name='planRadio']:checked").val(); 
    $.get('@Url.Action(MVC.Account.AddToCartPartial())', 
       { id: planse }, function (data) { 
        $('#plan').html('<p><strong>Adding to cart...</strong>&nbsp;&nbsp;<img src="@Url.Content("~/images/ajax-loader1.gif")" width="54" height="55" /></p>'); 
        $("#plan").html(data); 
       }); 

}); 
     </script>

控制器，電話不作出

來源

2011-11-22 Tunji Adeloye

你應該張貼什麼是失敗的一些代碼。請添加與包含單選按鈕的部分視圖片段無關的jquery。最有可能的是它是一個選擇器問題，但沒有看到代碼是不可能確定的。 –

請從您的部分視圖中發佈一些示例代碼，其中包括一些JavaScript代碼。 – counsellorben

對不起...這是部分視圖 –

$(":radio").live("click", function() { 
var inputValue = $('input:radio:checked').val(); 
}); 
or to keep the value of the selected Radiobutton on to hidden field 
<input type="radio" id="SelectedPlanType" rel="1" name="Plan1" value='1' onClick="document.getElementById('hiddenfield').value=this.value" checked="checked"> 
<input type="hidden" name="SelectedPlanType" value="" id="hiddenfield" />

來源

2011-11-22 04:40:15

這很好。謝謝。但是閱讀jQuery中的.live（）文檔後，出現了與它相關的性能問題，並且它在jQuery 1.7中被棄用。建議使用可以工作的delegate（）方法，或使用jquery 1.7的On（）。 –

無法在部分視圖中更改單選按鈕

回答

相關問題