javascript - 带有复选框对象的JQuery ajax回发ID

Question

假设我有一张带有多个复选框的客户表：

@foreach (var item in Model.Clients)
    {          
        <tr class="@highlightRowClass" data-clientnumber="@item.ClientNumber">  
            <td>
                @Html.CheckboxFor(modelItem => item.Checkbox1)
            </td>
            <td>
                @Html.CheckBoxFor(modelItem => item.CheckBox2)
            </td>
        </tr>
     }     

我想让一个 ajax 将帖子调用回 ids 数组，并使用一个对象表示是否选中了一个或两个复选框：

             var obj = {
                CheckBox1Ticked: true, 
                Checkbox2Ticked: false,
            };
            pendingChanges[clientId] = obj ; 

我将如何遍历每个表行并使用 Jquery 填充数组？

Answer 1

您可以像这样填充数组：

var checkboxData = $('table tr').map(function() {
    var $inputs = $(this).find('input');
    return { checkbox1Ticked: $inputs.eq(0).prop('checked'), checkbox2Ticked: $inputs.eq(1).prop('checked') };
});

checkboxData然后是一个数组，您可以根据需要传递/询问：

console.log(checkboxData[0].checkbox1Ticked);