javascript - 如何收集选中的单选按钮并放入数组中然后发布到 Controller

Question

我正在为用户设置一个表单。我从服务器收集问题和选项，并希望在数组中收集答案，然后将其发布到 Controller ，数组应如下所示:

[{"selection": "A", "question_id": "13"}, {"selection": "A", "question_id": "14"}] 

我从 Controller 获取值，并且可以在没有数组的情况下提醒选定的单选按钮。

这是我的观点:

 @foreach (var item in Model)
 {
   <tr>
      <td>@item.Order</td>
      <td>@Html.Raw(item.Body)</td>

   @{var opt = item.QuizesOption.Where(m => m.QuestionId==item.Id).ToList();}
   @for (int i = 0; i < opt.Count(); i++)
   {
      <td width="200">
    <input type="radio" class="mybox" value="selection:@opt[i].Order,question_id:@item.Id"><label>@opt[i].Body</label>

       </td>

    }
    </tr>
  }

这是我的简单 Js

var selected = new Array();

$('#save_value').click(function() {
  $('.mybox:checked').each(function() {
    alert($(this).val());
  });
});

所以我可以单独获取值，但我需要将其放入数组中，如图所示格式

Answer 1

只需在当前代码中使用 push 即可:

var selected = new Array();
$("#save_value").click(function() {
  $(".mybox:checked").each(function() {
    selected.push($(this).val());
  });
});