如何添加單選按鈕以選擇行

Question

我想添加radio button以選擇來自database的數據的整個行。數據以表格格式顯示。所以我想在第一個colomn中顯示單選按鈕。 並用此無線電檢查按鈕並可以執行操作。 請確實需要。

@if (Model != null && Model.Count > 0) 
         { 

        <div class="row footable_box"> 
         <div class="panel-body"> 
          <div align="center"> <span id="spn_message" style="color:green;font:bolder;font-weight:bold;text-align:center;" ></span></div> 
          <table id="demo-foo-filtering" class="table table-bordered table-hover toggle-circle" data-page-size="10"> 
           <thead> 
            <tr> 

             <th data-toggle="true" data-sort-ignore="true" style="text-align:center">Booking ID</th> 
             <th data-sort-ignore="true" style="text-align:center"> 
              Service Provider Name 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center">Service Name</th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center" width="18%">Comsumer Name</th> 
             @*<th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Booked on <br /> 
              Date & Time 
             </th>*@ 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              Start Date 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              End Date 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              Start Time 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center"> 
              Service <br /> 
              End Time 
             </th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" style="text-align:center">Status</th> 
             <th data-hide="phone, tablet" data-sort-ignore="true" width="10%" style="text-align:center">View Service</th> 
            </tr> 
           </thead> 
           <tbody> 



            @foreach (var CAH in Model) 
            { 
             <tr> 
              @*<td><input type="radio" style="text-align:center" name="row" value="@CAH.BookingID"></input></td>*@ 
              <td style="text-align:center">@CAH.BookingID</td> 
              <td style="text-align:center">@CAH.Provider</td> 
              <td style="text-align:center">@CAH.Service</td> 
              <td style="text-align:center">@CAH.Consumer</td> 
              <td style="text-align:center">@CAH.StartDate</td> 
              <td style="text-align:center">@CAH.EndDate</td> 
              <td style="text-align:center">@CAH.StartTime</td> 
              <td style="text-align:center">@CAH.EndTime</td> 
</tr> 
} 

Answer 1

那麼你的問題是真的嗎？你想在第一列單選按鈕？只要做下面的事情。這有幫助嗎？在你的模型中有一個屬性BookingID，它可以在post方法中捕獲它。

@foreach (var CAH in Model) 
{ 
     <tr> 
      <td>@Html.RadioButton("BookingID",@CAH.BookingID)</td> 
      <td style="text-align:center">@CAH.BookingID</td> 
      <td style="text-align:center">@CAH.Provider</td> 
      <td style="text-align:center">@CAH.Service</td> 
      <td style="text-align:center">@CAH.Consumer</td> 
      <td style="text-align:center">@CAH.StartDate</td> 
      <td style="text-align:center">@CAH.EndDate</td> 
      <td style="text-align:center">@CAH.StartTime</td> 
      <td style="text-align:center">@CAH.EndTime</td> 
    }