按名称获取选中的复选框 jQuery - JavaScript

在Web开发中，经常需要获取选中的复选框并进一步处理。本篇文章将介绍如何使用jQuery和JavaScript通过名称获取选中的复选框。

jQuery实现

在jQuery中，我们可以使用$('input[name="checkboxName"]:checked')来获取指定名称的选中的复选框。

例如，假设我们有一个名为fruit的复选框组，其中包含三个不同的选项：苹果、香蕉和橙子。以下jQuery代码将获取选中的复选框，并将结果打印到控制台上。

$('input[name="fruit"]:checked').each(function() {
  console.log($(this).val());
});

上面的代码中，each()方法用于遍历每个选中的复选框，并console.log打印选中的值。

JavaScript实现

在JavaScript中，我们可以使用querySelectorAll('input[name="checkboxName"]:checked')方法来实现同样的功能。

继续以上面的例子，以下JavaScript代码将获取选中的复选框，并将结果打印到控制台上。

document.querySelectorAll('input[name="fruit"]:checked').forEach(function(checkbox) {
  console.log(checkbox.value);
});

上面的代码中，我们使用querySelectorAll方法来获取选中的复选框，并使用forEach方法遍历每个选中的复选框，并使用console.log打印选中的值。

结论

无论是jQuery还是JavaScript，都可以方便地按名称获取选中的复选框。以上代码片段已经为您演示了如何实现。在实际应用中，您可以根据具体需求进行修改和扩展。