Asp.net MVC Razor如何显示两个模型字段的分组单选按钮

本文关键字：字段 模型 两个 单选按钮 何显示 Razor net Asp 显示 MVC | 更新日期: 2023-09-27 18:25:42

我有一个简单的测验模型，我试图让用户在强类型视图中从两个单选按钮中选择正确答案/替代答案。但是我使用的lambda表达式不起作用。我有两个空白的收音机按钮。我在这里和网上看了几个问题，但我的模型是IList<>，我找不到合适的例子。我发现的所有示例都适用于非IList<>。

这是我的型号

型号：

public partial class Question
    {
        public int QuestionID { get; set; }
        public string QuestionBody { get; set; }
        public string CorrectAnswer { get; set; }
        public string AlternativeAnswer { get; set; }           
    }

我的控制器

public ActionResult Index()
        {
            QuizSimpleEntities quizEntities = new QuizSimpleEntities();
            var questions = from p in quizEntities.Questions
                            select p;
            return View(questions.ToList());
        }

我的型号：

  @model IList<Quiz.Models.Question>                                
 <h2>Welcome to the Quiz</h2>
  @Html.BeginForm(method:FormMethod.Post,controllerName:"Home",actionName:"index")
    {
        @foreach (var questions in Model)
        {
        <p>@questions.QuestionBody</p>  
        @* How to display the CorrectAnswer and AlternativeAnswer
           as two radio buttons grouped here? I will be posting the selected value back
        }

}

感谢

Asp.net MVC Razor如何显示两个模型字段的分组单选按钮

您需要在视图模型上有一个属性，该属性将在发布表单时保存所选答案：

public partial class Question
{
    public int QuestionID { get; set; }
    public string QuestionBody { get; set; }
    public string CorrectAnswer { get; set; }
    public string AlternativeAnswer { get; set; }           
    public string SelectedAnswer { get; set; }
}

然后简单地循环浏览模型的元素并生成所需的标记：

@model IList<Quiz.Models.Question>                                
<h2>Welcome to the Quiz</h2>
@Html.BeginForm( method:FormMethod.Post, controllerName:"Home", actionName:"index")
{
    @for (var i = 0; i < Model.Count; i++)
    {
        @Html.HiddenFor(x => x[i].QuestionID)
        <fieldset>
            <legend>
                @Html.DisplayFor(x => x[i].QuestionBody)
            </legend>
            <ul>
                <li>
                    @Html.HiddenFor(x => x[i].CorrectAnswer)
                    @Html.RadioButtonFor(x => x[i].SelectedAnswer, Model[i].CorrectAnswer)
                    @Html.DisplayFor(x => x[i].CorrectAnswer)
                </li>
                <li>
                    @Html.HiddenFor(x => x[i].AlternativeAnswer)
                    @Html.RadioButtonFor(x => x[i].SelectedAnswer, Model[i].AlternativeAnswer)
                    @Html.DisplayFor(x => x[i].AlternativeAnswer)
                </li>
            </ul>
        </fieldset>
    }
    <button type="submit">OK</button>
}

注意：提交表单时，POST操作可以采用IList<Question>模型，在该模型中，您将获得每个问题的答案（在SelectedAnswer属性中）。

相关文章：