我有一些单选按钮。但我也想要文本可点击。这样比率按钮就被选中了。因此,不仅单击单选按钮会选中比率按钮,而且单击文本也会选中比率按钮。
我有这个:
<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>
关于css - 如何为单选按钮制作标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30799871/