我如何用HTML属性填充javascript数组？

Posted 2021-04-11

我的表格行中有一个带有'result-id'属性的复选框。如何在表格行内的“ result-id”复选框中存储的值填充javascript数组。

我已经想出了如何在jquery中访问数据，现在我只想将数据存储在数组中。

看起来有点像这样：

   <td>
      <input result-id="@item.Id" type="checkbox" />
   </td>

这是我现在拥有的jQuery，它仅添加一项（最后单击的复选框ID）

        $(tableBody).find('tr').each(function () {
            if ($(this).find('input:checkbox').prop("checked") == true) {
                resultList.fill(parseInt($(this).find('input:checkbox').attr('result-id')));
            }
        });

答案

您想要：

• 过滤掉未选中的复选框
• 在结果上使用map以获取包含result-id值的jQuery集
• 在其上使用get以获得实际的数组

例如：

var array = $(tableBody).find("tr input:checkbox:not(:checked)").map(function() {
    return this.getAttribute("result-id");
}).get();