MVC model for dynamic survey form step by step

Question

MVC model for dynamic survey form step by step

 

Here is the html:

@for (int i = 0; i < Model.Questions.Count(); i++)
                              {
                                  <div class="tab-pane active" id="tab1">
                                      @for (int k = 0; k < Model.Questions.Count(); k++)
                                  {
                                  <div class="row">

                                      <div class="form-group">

                                          <div class="col-md-12">

                                              @*@Html.DisplayFor(model => model.Questions[k].QuestionText)*@

                                              @*<br /><br />*@
                                              @for (int j = 0; j < Model.Answers.Take(1).Count(); j++)
                                              {

                                                      @Html.DisplayFor(model => model.Questions[k].QuestionText)
                                                      @*<label>3. When I am faced with a financial decision I am generally more concerned about the possible losses than the probable gains.</label>*@
                                                      <br /><br />
                                                      <div class="mt-checkbox-list">
                                                          <label class="mt-checkbox">
                                                              <input type="checkbox"> @Html.DisplayFor(model => model.Answers[j].AnswerText)
                                                              <span></span>
                                                          </label>
                                                          <label class="mt-checkbox">
                                                              <input type="checkbox">  @Html.DisplayFor(model => model.Answers[j].AnswerText)
                                                              <span></span>
                                                          </label>
                                                          <label class="mt-checkbox">
                                                              <input type="checkbox"> @Html.DisplayFor(model => model.Answers[j].AnswerText)
                                                              <span></span>
                                                          </label>
                                                          <label class="mt-checkbox">
                                                              <input type="checkbox">@Html.DisplayFor(model => model.Answers[j].AnswerText)
                                                              <span></span>
                                                          </label>
                                                          <label class="mt-checkbox">
                                                              <input type="checkbox"> @Html.DisplayFor(model => model.Answers[j].AnswerText)

                                                              <span></span>
                                                          </label>
                                                      </div>


                                          </div>
how do i bind the question answer multiple choice in a model and html.
the above code not working properly.
I want in tab1 4 questions with multiple choice and tab2 4 questions with multiple choice.
here is the model:

Answer 1

see these links if you get some idea.

 

https://forums.asp.net/t/2016395.aspx?Dynamic+Questionnaire+in+ASP+Net+MVC+4+0
https://www.codeproject.com/Articles/584161/Survey-Web-App-Using-ASP-NET-MVC-Entity-Framewor
https://www.codeproject.com/Articles/486564/ASP-NET-Simple-Survey-Application
http://stackoverflow.com/a/21930525/728750
https://www.twilio.com/docs/tutorials/walkthrough/automated-survey/csharp/mvc
http://highoncoding.com/Articles/645_Creating_Multiple_Choice_Exam_Application_Using_ASP_NET_MVC_Framework.aspx
http://ngalatalla.blogspot.in/2011/11/building-dynamic-quiz-application-in.html
http://20fingers2brains.blogspot.com/2013/05/simple-dynamic-quiz-in-aspnet-mvc3-razor.html

 

Answer 2

 

sir here is the sample of image. 

 

i am using this coding but not working.

 

@foreach (var item in Model.ParentList)
                              {
                                  <div class="tab-pane active" id="tab1">

                                      @foreach (var items in Model.ParentList)
                                      {
                                          <div class="row">

                                              <div class="form-group">

                                                  <div class="col-md-12">

                                                      <label>@items.QuestionText</label>

                                                      @foreach (var ch in Model.ChildList)
                                                      {
                                                          if (items.QuestionId == ch.QuestionId)
                                                          {
                                                              string id = @ch.QuestionId + "_" + @ch.AnswerId;

                                                              <div class="icheck-list">
                                                                  <label class="icheck-list" id="@ch.AnswerId">

                                                                      <input name="@ch.QuestionId" onclick="handlesClick(this);" id="@id" type="radio">@ch.AnswerText
                                                                      <span></span>
                                                                  </label>

 

Answer 3

http://www.c-sharpcorner.com/forums/how-do-i-bind-4-tab-in-a-loop

Answer 4

Hi Manoj,

 

Can you share some sample images for that?