如何为表格中的每个项目分组radiobuttons?

时间:2018-01-05 20:15:25

标签: c# asp.net asp.net-mvc

我正在使用ASP.NET MVC创建一个简单的调查,其中的问题可以通过3个选项来回答 - 非常同意,有些同意,强烈不同意。用户必须通过选择radiobutton来选择他的答案。

This is how my survey looks like

现在,我只能为整张桌子选择一个单选按钮。我希望为表中的每一行选择一个RadioButton,以便用户为每个相应的问题选择他的答案。

这是我的ViewModel:

public class PsychTestViewModel
    {
        //PsychTestQuestion
        public int QuestionID { get; set; }
        public string Question { get; set; }

        //PsychTest
        public string UserID { get; set; }
        public int Answer { get; set; }
    }

我的观点:

<table class="table">
    <tr>
        <th>
            Question
        </th>
        <th class="text-center">
            Strongly Agree
        </th>
        <th class="text-center">
            Somewhat Agree
        </th>
        <th class="text-center">
            Strongly Disagree
        </th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.Question)
            </td>
            <td align="center">
                @Html.RadioButtonFor(modelItem => item.Answer, "1")
            </td>
            <td align="center">
                @Html.RadioButtonFor(modelItem => item.Answer, "2")
            </td>
            <td align="center">
                @Html.RadioButtonFor(modelItem => item.Answer, "3")
            </td>
        </tr>
    }

</table>

如何对这些RadioButton进行分组,以便用户可以为每一行选择一个radiobutton?

0 个答案:

没有答案