Когда using.net MVC RadioButtonFor (), как вы группируете, чтобы можно было сделать только один выбор?

Question

Когда using.net MVC RadioButtonFor (), как вы группируете, чтобы можно было сделать только один выбор?

Это меня озадачило, у меня есть строго типизированное представление, которое имеет этот цикл для генерации радиобуттонов:

<% foreach (QuestionAnswer qa in Model.QuestionAnswers)
   { %>
    <%= Html.RadioButtonFor(model => model.QuestionAnswers[(int)qa.QuestionID - 1].AnswerValue, "Checked" ) %>
    <%= Html.Encode(qa.OptionValue) %>
<% } %>

он отлично отображается, но поскольку имена не совпадают, вы можете выбрать более 1 радиобуттона. Как я могу сгруппировать их, чтобы можно было выбрать только 1 radiobutton?

любая помощь будет оценили!

3 62

c# asp.net-mvc asp.net-mvc-2

3 ответа:

в моем случае, у меня была коллекция переключателей, которые должны быть в группе. Я просто включил' выбранное ' свойство в модель. Затем, в цикле для вывода радиокнопки просто сделать...
@Html.RadioButtonFor(m => Model.Selected, Model.Categories[i].Title)
таким образом, имя одинаково для всех переключателей. Когда форма разнесена, свойство 'Selected' равно названию категории (или id или что-то еще), и это можно использовать для обновления привязки к соответствующему радиобуттону, например...
model.Categories.Find(m => m.Title.Equals(model.Selected)).Selected = true;
не может самый лучший способ, но он работает.

5

в тех случаях, когда атрибут name отличается, проще всего управлять радиогруппой через JQuery. При выборе параметра используйте JQuery, чтобы отменить выбор других параметров.

-5

a7drew · Accepted Answer · 2010-06-29 02:39:58

первый параметр Html.RadioButtonFor () должно быть имя свойства, которое вы используете, а второй параметр должен быть значением этого конкретного переключателя. Затем они будут иметь одинаковое значение атрибута name, и помощник будет выбирать заданный переключатель, когда / если он соответствует значению свойства.

пример:

<div class="editor-field">
    <%= Html.RadioButtonFor(m => m.Gender, "M" ) %> Male
    <%= Html.RadioButtonFor(m => m.Gender, "F" ) %> Female
</div>

вот более конкретный пример:

Я сделал быстрый проект MVC под названием " DeleteMeQuestion" (Префикс DeleteMe, поэтому я знаю, что могу удалить его позже, когда забуду об этом).

Я сделал следующую модель:

namespace DeleteMeQuestion.Models
{
    public class QuizModel
    {
        public int ParentQuestionId { get; set; }
        public int QuestionId { get; set; }
        public string QuestionDisplayText { get; set; }
        public List<Response> Responses { get; set; }

        [Range(1,999, ErrorMessage = "Please choose a response.")]
        public int SelectedResponse { get; set; }
    }

    public class Response
    {
        public int ResponseId { get; set; }
        public int ChildQuestionId { get; set; }
        public string ResponseDisplayText { get; set; }
    }
}

в модели есть простой валидатор диапазона, просто для удовольствия. Затем я сделал следующий контроллер:

namespace DeleteMeQuestion.Controllers
{
    [HandleError]
    public class HomeController : Controller
    {
        public ActionResult Index(int? id)
        {
            // TODO: get question to show based on method parameter 
            var model = GetModel(id);
            return View(model);
        }

        [HttpPost]
        public ActionResult Index(int? id, QuizModel model)
        {
            if (!ModelState.IsValid)
            {
                var freshModel = GetModel(id);
                return View(freshModel);
            }

            // TODO: save selected answer in database
            // TODO: get next question based on selected answer (hard coded to 999 for now)

            var nextQuestionId = 999;
            return RedirectToAction("Index", "Home", new {id = nextQuestionId});
        }

        private QuizModel GetModel(int? questionId)
        {
            // just a stub, in lieu of a database

            var model = new QuizModel
            {
                QuestionDisplayText = questionId.HasValue ? "And so on..." : "What is your favorite color?",
                QuestionId = 1,
                Responses = new List<Response>
                                                {
                                                    new Response
                                                        {
                                                            ChildQuestionId = 2,
                                                            ResponseId = 1,
                                                            ResponseDisplayText = "Red"
                                                        },
                                                    new Response
                                                        {
                                                            ChildQuestionId = 3,
                                                            ResponseId = 2,
                                                            ResponseDisplayText = "Blue"
                                                        },
                                                    new Response
                                                        {
                                                            ChildQuestionId = 4,
                                                            ResponseId = 3,
                                                            ResponseDisplayText = "Green"
                                                        },
                                                }
            };

            return model;
        }
    }
}

наконец, я сделал следующее представление, которое использует модель:

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<DeleteMeQuestion.Models.QuizModel>" %>

<asp:Content ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ContentPlaceHolderID="MainContent" runat="server">

    <% using (Html.BeginForm()) { %>

        <div>

            <h1><%: Model.QuestionDisplayText %></h1>

            <div>
            <ul>
            <% foreach (var item in Model.Responses) { %>
                <li>
                    <%= Html.RadioButtonFor(m => m.SelectedResponse, item.ResponseId, new {id="Response" + item.ResponseId}) %>
                    <label for="Response<%: item.ResponseId %>"><%: item.ResponseDisplayText %></label>
                </li>
            <% } %>
            </ul>

            <%= Html.ValidationMessageFor(m => m.SelectedResponse) %>

        </div>

        <input type="submit" value="Submit" />

    <% } %>

</asp:Content>

как я понимаю ваш контекст, у вас есть вопросы с перечнем вариантов ответа. Каждый ответ будет диктовать следующий вопрос. Надеюсь, что это имеет смысл из моей модели и комментариев TODO.

это дает вам переключатели с тем же атрибутом имени, но с другими атрибутами идентификатора.