Question

我编写了jQuery代码，以便在mvc5视图中获取所有选定的单选按钮。但是，它无法正常工作。我想将选定的单选按钮值保存在数据库中。如何将按钮的值发送给某个动作？

         function f1() {
       var the_value;
      //the_value = jQuery('input:radio:checked').val();
      //the_value = jQuery('input[name=macro]:radio:checked').val();
      the_value = getChecklistItems();
     // alert(the_value);
  }
function getChecklistItems() {
  //  var columns = [];
    $('tr.cr').each(function () {
      //  columns.push($(this).('input:radio:checked').val());
       var the_value = jQuery('input:radio:checked').val();
       // var the_value = jQuery('input:radio:checked').attr('value');
        alert(the_value);
    });

   // return columns.join('|');
}
</script>
           <form action="~/Form/SaveFrm">

      <div>
     <div align="center">
        <table border="1" width="900" align="center">
            <tr align="center">
                <td></td>
                <td align="center">نام تیم میهمان</td>
                <td align="center">نام تیم میزبان</td>
                <td align="center">تاریخ انجام بازی</td>
                <td align="center">نتیجه بازی</td>
                <td align="center">نتیجه بازی</td>
                <td align="center">نتیجه بازی</td>
            </tr>
            @foreach (var item in Model.Item2)
            {
                <tr style="border-color:red" class="cr">
                    <td><input type="hidden" name="ID" value="@item.ID" /></td>
                    <td align="center"><label align="center">@item.host</label></td>
                    <td align="center"><label align="center">@item.gest</label></td>
                    <td align="center">@{
                        PersianCalendar p = new PersianCalendar();
                        <label align="center">
                            @p.GetDayOfMonth(item.datetime) / @p.GetMonth(item.datetime) /  @p.GetYear(item.datetime)
                        </label>
                    }</td>
                    <td align="center"><input type="radio" name="@item.ID" value="برد میزبان" />برد میزبان</td>
                    <td align="center"><input type="radio" name="@item.ID" value="برد میهمان" />برد میهمان</td>
                    <td align="center"><input type="radio" name="@item.ID" value="تساوی" />تساوی</td>
                </tr>
            }
        </table>
    </div>
</div>
<br/>
<div align="center"><input type="submit" id="btn1" name="name" onclick="f1()" value="ذخیره پیش بینی" /></div>

Answer 1

您可以使用:checked函数获取数组中的所有map()单选按钮的值。

var arr = $('input[type="radio"]:checked').map(function() {
    return this.value;
}).get();
console.log(arr);

获取jquery中的radiobuttons组的值

1 个答案: