get selected value of multiple group of radio button asp.net mvc 5

Question

i have single page with several questions,each question should answerd by serveral user,answer are stored in table called QuestionReviews
i use below code for each user to select one option from radio button

foreach (var question in Model.Questions)
     {
       @Html.Hidden("QuestionId", question.QuestionId.ToString())
         
             
                 
                     @question.QuestionTitle
                 
                 
                     @question.QuestionBody
                 
             


             
                 
                     
                         20
                     
                 
                 
                     
                         40
                     
                 
                 
                     
                         60
                     
                 
                 
                     
                         80
                     
                 
                 
                     
                         100
                     
                 
             
         
     }

and here is my action method:

foreach (string key in Request.Form.Keys)
            {

                if (key == "QuestionId") 
                {
                    int qId = Convert.ToInt32(Request.Form[key]);
                    var q = _dbContext.Questions.FirstOrDefault(x => x.QuestionId == qId);
                    var reviews = _dbContext.QuestionReviews.Where(x => x.QuestionId == qId).ToList();
                    foreach (var review in reviews)
                    {
                        var k = "q" + review.QuestionId;  /// get q1,q2 and ... 
                        review.ReviewPoint =Convert.ToInt32(Request.Form[k]);
                    }

                }
            }

after user click on submit button i should get list of question ids and answer values in controller my problem is user should answer several question at same time and i dont know how to get questionId and selected radio value for each of them in controller

acurtis166 · Accepted Answer

If you convert your foreach loop within your View to a for loop, you can associate your values by using the same index i for your input names:

@for (int i = 0; i < Model.Questions.Count(); i++)
{
    @Html.HiddenFor(model => model.Questions[i].QuestionId)
    
        
            
                @Model.Questions[i].QuestionTitle
            
            
                @Model.Questions[i].QuestionBody
            
        


        
            
                
                    @Html.RadioButtonFor(model => model.Questions[i].Answer, 20, htmlAttributes: new { @class = "form-check-input", @id = "radio2"})
                    20
                
            
            
                
                    @Html.RadioButtonFor(model => model.Questions[i].Answer, 40, htmlAttributes: new { @class = "form-check-input", @id = "radio3" })
                    40
                
            
            
                
                    @Html.RadioButtonFor(model => model.Questions[i].Answer, 60, htmlAttributes: new { @class = "form-check-input", @id = "radio4" })
                    60
                
            
            
                
                    @Html.RadioButtonFor(model => model.Questions[i].Answer, 80, htmlAttributes: new { @class = "form-check-input", @id = "radio5" })
                    80
                
            
            
                
                    @Html.RadioButtonFor(model => model.Questions[i].Answer, 100, htmlAttributes: new { @class = "form-check-input", @id = "radio6" })
                    100
                
            
        
    
}

And assuming your ViewModel has a property Questions, like so:

public class QuestionReviewViewModel
{
    public List Questions { get; set; } = new List();
}

You can bind your QuestionId and Answer values to your QuestionModel:

public class QuestionModel
{
    public int QuestionId { get; set; }
    public int Answer { get; set; }
}

By simply binding to the ViewModel in your HttpPost action:

[HttpPost]
    public ActionResult PostAction(QuestionReviewViewModel vm)
    {
        if (ModelState.IsValid)
        {
            for (int i = 0; i < vm.Questions.Count; i++)
            {
                int id = vm.Questions[i].QuestionId;
                int answer = vm.Questions[i].Answer;
            }

            return Content("Something good");
        }
        else
        {
            return Content("Something rotten");
        }
    }

Post back example

EDIT

I would use a SelectList in this case -> https://learn.microsoft.com/en-us/dotnet/api/system.web.mvc.selectlist?view=aspnet-mvc-5.2

You would add a SelectList property to your QuestionModel (see doc above for arguments), which allows you to set a selected value (Answer in this case):

// List of possible answers to this question
    // populated from data source
    public List AnswerList = new List { 20, 40, 60, 80, 100 };

    // An MVC SelectList Class
    public SelectList PossibleAnswers => new SelectList(AnswerList, Answer);

Then, in your view, you can loop through the possible answers, conditionally applying the checked property if the item is selected:


            @foreach (var item in Model.Questions[i].PossibleAnswers)
                {
                    var htmlAttr = new Dictionary{{ "@class", "form-check-input" }};

                if (item.Selected)
                {
                    htmlAttr.Add("@checked", true);
                }

                
                    
                        @Html.RadioButtonFor(model => model.Questions[i].Answer, item.Text, htmlAttributes: htmlAttr)
                        @item.Text
                    
                
            }

get selected value of multiple group of radio button asp.net mvc 5

Answers (1)

Related Questions