📌  相关文章
📜  jquery 获取所有选中的复选框 - Javascript (1)

📅  最后修改于: 2023-12-03 15:02:15.846000             🧑  作者: Mango

jQuery获取所有选中的复选框 - JavaScript

如果你正在使用jQuery,并需要获取所有选中的复选框,那么你可以使用以下代码片段:

var selected = [];

$('input[type=checkbox]:checked').each(function(){
   selected.push($(this).val());
});

console.log(selected);

上述代码将获取所选复选框的值或属性,并将其添加到一个数组中,最后将该数组打印到控制台。

让我们来逐行分解上述代码片段:

var selected = [];

这一行创建一个空数组,以便将所选复选框的值添加到其中。

$('input[type=checkbox]:checked').each(function() {

这一行使用jQuery选择所有选中的复选框,并利用.each()函数循环遍历每个选中的复选框。

selected.push($(this).val());

在遍历每个选中的复选框时,上面这一行将该复选框的值或属性添加到selected数组中。如果你在复选框的标记中用了输入类型,可以使用 $(this).attr("name") 或虚拟域属性data- 来获取其他属性。

console.log(selected);

最后,这一行将数组打印到控制台,以便你查看获取到的内容。

以上是使用jQuery获取所有选中的复选框的代码片段。希望这篇介绍对你有所帮助!