如何在MVC 3視圖中的JS中獲取模型項數據？

Question

我正在開發一個MVC應用程序。 我正在索引視圖/表中顯示數據。

我在最後一列添加了額外的複選框。 當用戶點擊該複選框時，我想從該選定/檢查行的特定列中獲取值。

我想在JS的警報窗口中顯示該值，但它不顯示。

如何做到這一點。

@model PagedList.IPagedList<PaymentAdviceEntity.PaymentAdvice> 

      <table class="table table-striped"> 
       <tr> 
        <th>Company 
        </th> 
        <th> 
         Amount 
        </th> 
       </tr> 

     @foreach (var item in Model) 
       { 
        <tr> 
         <td> 
          @Html.DisplayFor(modelItem => item.Company.Name) 
         </td> 
         <td> 
          @Html.DisplayFor(modelItem => item.SanctionedAmount,"sAmount","sAmount") 
         </td> 
         <td> 

    @Html.CheckBox("IsPaid", (bool)item.IsPaid, new { @value=item.Id,@class="IsPaid-"+item.Id}) 

        </td> 
        </tr> 
    </table> 

<script type="text/javascript"> 

      $("input[type='checkbox']").click(function() { 

       if ($(this).is(":checked")) 
       { 
        var nPaid = $("#sAmount").val(); 
        alert(nPaid); 
       } 

       }); 
     </script> 

Answer 1

你應該將js代碼包裝到文檔就緒。

<script type="text/javascript"> 
     $(function(){ 
     //TO DO smt 
     }); 
     }); 
    </script> 

而且你需要在foreach使用不同id。例如

@Html.DisplayFor(modelItem => item.SanctionedAmount, string.Format("sAmount{0}", item.Id),"sAmount") 

，或者你使用$（本）.parent jQuery選擇更改...

的所有代碼將是：

@model PagedList.IPagedList<PaymentAdviceEntity.PaymentAdvice> 

     <table class="table table-striped"> 
      <tr> 
       <th>Company 
       </th> 
       <th> 
        Amount 
       </th> 
      </tr> 

    @foreach (var item in Model) 
      { 
       <tr> 


        <td> 
         @Html.DisplayFor(modelItem => item.Company.Name) 
        </td> 

        <td> 
         @Html.DisplayFor(modelItem => item.SanctionedAmount,"sAmount",new {id = string.Format("sAmount{0}", item.Id)}) 
        </td> 


        <td> 

@Html.CheckBox("IsPaid", (bool)item.IsPaid, new { @value=item.Id,@class="IsPaid-"+item.Id}) 


       </td> 
       </tr> 
</table> 


<script type="text/javascript"> 
$(function() { 
    $("input[type='checkbox']").click(function() { 
     if ($(this).is(":checked")) { 
      var v = parseInt($(this).val(), 10); 
      var s = 1; 
      var nPaid = $("#sAmount" + v).val(); 
      alert(nPaid); 
     } 
    }); 
})