Question

有人可以解释一下为什么单选按钮在我的视图中不起作用吗？这是代码段

        @foreach (var item in Enum.GetNames(typeof(CertificateAuthorityChoiceTypes)))
        {
            <tr id="enum-tr" data-toggle="collapse">
                <td>
                    <label id="enum-val" class="c-input c-radio">
                        <input id="radio1" name="radio" type="radio">
                        <span class="c-indicator"></span>
                        @item
                    </label>
                </td>
            </tr>
         }

正如你所看到的，一切都在桌面上。当我在foreach循环复选框之外粘贴复选框代码时，复选框工作，但在foreach内部，我只是无法工作..请给我一些建议，告诉我哪里有错误。

Answer 1

无线电的ID是相同的。无线电的ID必须不同。

Answer 2

试试这段代码

@foreach (var item in Enum.GetNames(typeof(Stream)))
{
<tr id="@("enum-tr"+Enum.GetNames(typeof(Stream)).ToList().IndexOf(item))" data-toggle="collapse">
    <td>
        <label id="@("enum-val"+Enum.GetNames(typeof(Stream)).ToList().IndexOf(item))" class="c-input c-radio">
            <input id="@("radio"+Enum.GetNames(typeof(Stream)).ToList().IndexOf(item))" name="radio" type="radio">
            <span class="c-indicator"></span>
            @item
        </label>
    </td>
</tr>
}

Answer 3

所以我终于发现了这个错误..问题在于

data-toggle="collapse"

当我删除{{1}}复选框时，开始工作正常

单选按钮在foreach循环MVC中不起作用

3 个答案: