如何添加单选按钮以选择行

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> 
    }