如何在jquery中获取选中复选框的ID

Posted 2023-05-08

【中文标题】如何在jquery中获取选中复选框的ID

【英文标题】：how to get the ids of checked checkboxes in jquery

【发布时间】：2021-04-27 16:17:03

【问题描述】：

我想获取选中复选框的 id 并使用 jquery 将这些 id 存储在一个数组中。 谁能给我正确的代码。

我试过了

提前致谢:)

$("#merge_button").click(function(event)
    event.preventDefault();
    var searchIDs = $("#find-table input:checkbox:checked").map(function()
        return $(this).val();
    ).toArray();
    console.log(searchIDs);
);

【问题讨论】：

你可以把return $(this).val();改成this.id

我知道了，但它确实返回数组

它给出了逗号分隔的值。我无法循环遍历它

它给出了一个 id 数组，你可以根据需要循环遍历。

实际上查看源代码，toArray() 和 get() 现在几乎相同，并且都使用对 slice() 的调用，因此在现代版本的 jQuery 中没有区别。

【参考方案1】：

使用attr() 方法获取id。像这样：

$(this).attr('id');

你需要这样的结果吗？

$("#merge_button").click(function(event)
    event.preventDefault();
    var searchIDs = $("#find-table input:checkbox:checked").map(function()
        return $(this).attr('id');
    ).toArray();
    console.log(searchIDs);
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="find-table">
  <input id="1" type="checkbox">
  <input id="2" type="checkbox">
  <input id="3" type="checkbox">
</div>

<button id="merge_button">merge</button>