在web开发中，经常需要获取复选框（checkbox）的选中状态。而使用jquery的方式可以简化这个过程。
jQuery是一个快速、小巧、功能丰富的JavaScript库。它为HTML文档遍历和操作、事件处理、动画和Ajax等操作提供了便捷、简化的JavaScript API。jQuery的设计理念是“写得少、做得多”，它能够帮助开发者使用简单的代码实现复杂的功能。在前端开发中，jQuery已经成为一个必备的工具。
在使用jQuery获取复选框的选中状态时，需要使用jQuery的选择器来选中要操作的元素，然后通过jQuery提供的方法来获取选中状态。
下面是一个简单的示例：
选项1 选项2 选项3
在上面的示例中，有三个复选框和一个按钮。当按钮被点击时，代码会获取被选中的复选框的值，并打印到控制台中。
代码中涉及的方法有：
-
$('#submitBtn').on('click', function() {...})：在按钮被点击时执行的函数。 -
$('input[name="option"]:checked')：选择所有name为“option”，且被选中的复选框。 -
.map(function() {...})：通过函数返回值，对选中的复选框的值进行映射。 -
.get()：将映射后的值转换为数组类型。
通过这些方法，可以轻松地获取复选框的选中状态。
当然，还有其他的方式可以获取复选框的选中状态。例如，可以使用JavaScript原生的方式：
var checkboxes = document.querySelectorAll('input[name="option"]');
var checkedVals = [];
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkedVals.push(checkboxes[i].value);
}
}
console.log('选中的值为：' + checkedVals.join(', '));使用这种方式，需要手动遍历所有复选框，判断是否选中，并将选中的值保存到数组中。
总的来说，jQuery提供了一种简单、便捷的方式来获取复选框的选中状态。同时，使用jQuery还可以轻松地实现其他的DOM操作，例如增删改查等。
另外，需要注意的是，在使用jQuery时，需要注意代码的性能。如果页面中的元素过多，可能会影响页面的加载速度和用户体验。因此，应该尽可能地精简代码，避免重复计算和无意义的操作。
