我有一些单选按钮。但是我也想让文本可点击。这样就选择了比率按钮。因此,不仅单击单选按钮选择了比例,而且单击了文本,也选择了比例按钮。
我有这个:
<td>
<input id="upload" name="folder" type="radio" value="@item" />
<label>@Html.Label(item)</label>
</td>
谢谢
我这样尝试:
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<table>
@foreach (var item in Model.Directories)
{
<tr>
<td>
<input id="upload" name="folder" type="radio" value="@item" />
<label for="upload">@Html.Label(item)</label>
</td>
</tr>
}
</table>
</div>
</div>
我现在有这样的人:
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<table>
@foreach (var item in Model.Directories)
{
<tr>
<td>
<label>
<input type="radio" name="folder" value="@item" id="upload">
<label for="folder">@Html.Label(item)</label>
</label>
</td>
</tr>
}
</table>
</div>
</div>
但是单选按钮处于foreach循环中,因此每个单选按钮的ID都不相同
我这样尝试:
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<table>
@foreach (var item in Model.Directories)
{
@for(var i=0; i < item.Count; i++){
<tr>
<td>
<fieldset>
<input type="radio" name="folder" value="@item" id="folder">
<label for="folder">@Html.Label(item)</label>
</fieldset>
</td>
</tr>
}
}
</table>
</div>
</div>
您可以将for
属性与input
的id
属性的值一起使用:
<input id="upload" name="folder" type="radio" value="@item" />
<label for="upload">@Html.Label(item)</label>
简单方法
<td>
<label>
<input id="upload" name="folder" type="radio" value="@item" />
@Html.Label(item)</label>
</td>
使用label for
<td>
<input id="upload" name="folder" type="radio" value="@item" />
<label for="upload">@Html.Label(item)</label>
</td>
使用for
属性:
<label for="folder">@Html.Label(item)</label>
您需要将收音机包裹在标签标签内,要显示一些文本,请在标签内添加标签:
<label for="upload">
<span>@Html.Label(item)</span>
</label>
<input type="radio" name="folder" value="@item" id="upload" >