我想在表格中使用RadioButtons,其中只允许选择一个

时间:2015-08-14 19:58:12

标签: c# jquery razor model-view-controller radio-button

我有一个带有radiobuttons的桌子(每排一个)。 他们将开始未填充。 一次只允许点击一个。 如果我点击一个填充的单选按钮,它将清除它。

该应用程序使用MVC,Razor,jQuery,C#。

我应该在onclick或onload上使用jQuery吗? 我应该用剃刀吗?用.RadioButtonFor或.RadioButton?

                  <table id='id="rdBtnID1' cellpadding="3px" class="tableBorder" style="width: 90%" >
                         <tr style="background: #C3C3C3">
                              <th align="left">Click to pick one person to Marry</th>
                              <th align="left">Girls Name/th>
                              <th align="left">Phone Number</th>
                              <th align="left">Email</th>
                         </tr>
                         @Html.EditorFor(m => m.Girls)
                    </table>


Template
@model MarriageDatabase.Models.Girls    
<tr>
<td align="center" style="width:100px">
@Html.HiddenFor(m => m.GirlsID)
<div class="editor-field">
    @Html.RadioButtonFor(m => m.GirlPicked, false)
</div></td>
<td style="font-weight:normal">@Html.DisplayFor(m => m.GirlsName)</td>
<td style="font-weight:normal">@Html.DisplayFor(m => m.GirlsPhone)</td>
<td style="font-weight:normal">@Html.DisplayFor(m => m.GirlsEmail)</td>
</tr> 

1 个答案:

答案 0 :(得分:3)

听起来你想要什么,通常称为单选按钮列表。只要所有无线电的输入名称相同,您就应该只能选择一个。

试试这个: How to get the selected value of the radio button list in jquery?