javascript - 获取还具有特定数据属性值的已选中复选框的列表

我有一个包含一个复选框的数据表，用户可以选择该复选框以导出记录或编辑记录。为了进行编辑，复选框具有一个data属性，该属性显示特定的数据集是否可编辑（基于用户权限）。

我正在尝试获取复选框值的列表，其中选中了复选框，并且data属性的值为“ True”。

在我的视图模型中，我具有以下领域：

        public bool ShortageIsEditable {get;set;}

根据记录的状态和用户的权限，在视图模型映射器中将其设置为true或false。

在我看来，我有一个表，该表具有以下复选框，其中每个记录都有data属性：

 @(Html.Kendo().Grid(item.Shortages)
              .Name(string.Format("ShortagesGrid_{0}", item.Id))
              .Columns(columns =>
              {
                  columns.Template(GetViewLink)
                         .Title("View")
                         .Width(38);


                  columns.Template(o => "<input type=\"checkbox\" name=\"selectedRequestId\" " + (o.IsSelected ? "checked=\"checked\"" : "") + "class=\"myCssCheckAllCheckBox\"  value=\"" + o.ShortageNo + "\"  data-iseditable=\"" + o.ShortageIsEditable + "\"/>")
                         .Width(30);

                  columns.Bound(o => o.ShortageNo)
                         .Title("Shortage #")
                         .Width(120);

...

当用户选择了一些记录进行编辑（选中复选框）并按下“编辑”按钮时，将执行以下javascript / JQuery函数：

    function submitGridSelectedItemsForEdit() {
    $('#gridExportForm').attr('action', '/Requests/Shortage/MultiEditShortages');
    $('#gridExportForm').attr('method', 'GET');


    var chkdlist = $('input[name="selectedRequestId"]:checked');
    var newlist = chkdlist.filter(function (el) {
        return el.data("iseditable") === "True";
    });

    newlist.submit();

这将始终在“ return el.data（“ iseditable”）===“ True”;“行上崩溃。
我也尝试使用以下方法，但是在提交newlist数组时会崩溃：

    function submitGridSelectedItemsForEdit() {
    $('#gridExportForm').attr('action', '/Requests/Shortage/MultiEditShortages');
    $('#gridExportForm').attr('method', 'GET');


    var chkdlist = $('input[name="selectedRequestId"]:checked');
    var newlist = [];

    for (var chk in chkdlist)
    {
        if (chk.data("isEditable") == true) {
            newlist.push(chk);
        }
    }

    if (newlist.length == 0) {
        alert("Please select at least 1 request to Edit.");
    }
    else {
        newlist.submit();
    }
}

获得既被检查又具有“ True”数据属性值的对象列表的最简单方法是什么？

最佳答案

el回调中的filter()是dom元素，而不是jQuery对象。所以它不是回调的第一个参数，而是第二个。

因此，要使用jQuery方法，您需要将el包装在$()中

var newlist = chkdlist.filter(function (_,el) {
    return $(el).data("iseditable") === "True";
});

或基于属性值进行筛选作为选择器

var newlist = chkdlist.filter('[data-iseditable="True"]')