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

Question

我有一个数据表，其中包含一个复选框，用户可以选择该复选框来导出记录或编辑记录。对于编辑，复选框有一个数据属性，显示特定数据集是否可编辑（基于用户权限）。

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

在我的视图模型中，我有以下字段：

        public bool ShortageIsEditable {get;set;}

这在视图模型映射器中设置为 true 或 false，具体取决于记录的状态和用户的权限。

在我看来，我有一个表格，其中包含以下复选框，每条记录都有数据属性：

 @(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”的对象列表的最简单方法是什么？

Answer 1

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

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

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

或者根据属性值过滤作为选择器

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