JQuery选中checkbox方法代码实例（全选、反选、全不选）

在前端开发中，经常需要对多个复选框进行操作。JQuery提供了一些方法来方便地选中这些复选框，包括全选、反选、全不选等操作。

选中单个checkbox

要选中一个单独的checkbox，我们可以使用prop()方法将其属性设置为checked，如下所示：

$("#checkbox1").prop("checked", true);

上述代码将选中id为checkbox1的复选框。

全选checkbox

当有多个复选框时，可以使用以下代码来选中所有复选框：

$("input[type='checkbox']").prop("checked", true);

上述代码将选中文档中所有类型为checkbox的输入元素。

反选checkbox

要反选所有已选中的复选框，可以使用以下代码：

$("input[type='checkbox']").each(function () {
    $(this).prop("checked", !$(this).prop("checked"));
});

上述代码使用了each()方法来遍历所有选中的复选框，并使用prop()方法将它们的状态取反。

全不选checkbox

要将所有复选框的选中状态都取消，可以使用以下代码：

$("input[type='checkbox']").prop("checked", false);

上述代码将取消文档中所有类型为checkbox的输入元素的选中状态。

总结

以上是JQuery选中checkbox的几种方法。在实际开发中，我们可以根据需要选择相应的方法来方便地操作复选框。同时，我们还可以结合事件来实现一些更复杂的交互，例如选中一个复选框时自动选中其他相关的复选框等。

希望这篇文章能够对你有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/2802