jQuery复选框默认选中
jQuery是一种广泛应用于前端开发的JavaScript库。它简化了DOM操作、事件处理、动画效果等多个功能，使得开发者可以更加高效地构建交互式网页和Web应用程序。本文将介绍如何使用jQuery来实现复选框默认选中的效果。
复选框概述
复选框是HTML表单中常用的一种控件，用于允许用户在一组选项中进行多项选择。当用户点击复选框时，它的状态会从选中到未选中，或者从未选中到选中。在某些情况下，我们可能需要在页面加载时，将某些复选框默认选中，以提供更好的用户体验。
HTML复选框
首先，让我们来看一下HTML中复选框的基本结构：
<input type="checkbox" id="checkbox1" name="checkbox1" value="option1">
<label for="checkbox1">Option 1</label>
<input type="checkbox" id="checkbox2" name="checkbox2" value="option2">
<label for="checkbox2">Option 2</label>
<input type="checkbox" id="checkbox3" name="checkbox3" value="option3">
<label for="checkbox3">Option 3</label>
上述代码中，我们使用<input>标签创建了三个复选框，并使用<label>标签为每个复选框创建了相应的文本标签。for属性用于将<label>与<input>关联起来，实现点击标签也可以选中复选框的效果。
jQuery操作复选框
接下来，我们将使用jQuery来操作复选框，实现默认选中的效果。首先，我们需要在页面加载完成后执行一段JavaScript代码。可以使用$(document).ready()方法来实现：
$(document).ready(function() {
// 在这里编写代码
});
在上述代码中，$(document).ready()方法接受一个回调函数作为参数，该回调函数会在文档加载完成后执行。
默认选中复选框
要实现默认选中复选框的效果，我们只需在回调函数中使用prop()方法来修改复选框的checked属性。以下是实现默认选中第一个复选框的代码示例：
$(document).ready(function() {
$('#checkbox1').prop('checked', true);
});
在上述代码中，$('#checkbox1')选择器用于选中ID为checkbox1的复选框，然后使用prop('checked', true)方法将其checked属性设置为true，即选中状态。
为了让代码更具有通用性，我们可以使用each()方法来遍历多个复选框，并根据需要进行设置。以下是实现默认选中多个复选框的代码示例：
$(document).ready(function() {
$('input[type="checkbox"]').each(function() {
$(this).prop('checked', true);
});
});
在上述代码中，$('input[type="checkbox"]')选择器用于选中所有类型为复选框的<input>元素，并使用each()方法遍历它们。在遍历的每个元素上，我们使用$(this)来引用当前正在处理的复选框，并将其checked属性设置为true。
取消默认选中复选框
除了默认选中复选框，有时我们还需要取消默认选中某些复选框。要实现这个效果，我们可以将prop('checked', true)修改为prop('checked', false)，即将checked属性设置为false。以下是取消默认选中第二个复选框的代码示例：
$(document).ready(function() {
$('#checkbox2').prop('checked', false);
});
完整示例
下面是一个完整的示例，演示如何使用jQuery来实现复选框默认选中的效果：
<!DOCTYPE html>
<html>
<head>
<title>jQuery Checkbox Default Checked</title>
<script src="
<script>
$(document).ready(function() {
$('#checkbox1').prop('checked
