jQuery设置复选框选中/取消选中

复选框 (checkbox) 是网页开发中常用的元素之一，可用于选择一个或多个选项。使用 jQuery 可以方便地设置复选框的选中状态。本文将介绍如何使用 jQuery 设置复选框的选中状态。

获取复选框状态

使用 jQuery 可以轻松地获取复选框的状态，可以使用 .prop() 方法来获取。例如，假设有一个复选框元素：

<input type="checkbox" id="myCheckbox">

可以通过以下代码获取复选框选中状态：

var isChecked = $('#myCheckbox').prop('checked');

其中，#myCheckbox 是复选框的 ID，prop() 方法返回复选框的属性值。

设置复选框选中状态

使用 jQuery 设置复选框的选中状态同样方便，可以使用 .prop() 方法来设置。例如，下面的代码将复选框选中：

$('#myCheckbox').prop('checked', true);

下面的代码将复选框取消选中：

$('#myCheckbox').prop('checked', false);

示例

以下是一个示例，点击按钮将一组复选框全选或全不选：

<input type="checkbox" class="myCheckbox">
<input type="checkbox" class="myCheckbox">
<input type="checkbox" class="myCheckbox">
<button id="selectAll">全选/全不选</button>

<script>
$(document).ready(function() {
  $('#selectAll').click(function() {
    var isChecked = $('.myCheckbox:first').prop('checked');
    $('.myCheckbox').prop('checked', !isChecked);
  });
});
</script>

其中，.myCheckbox 是一组复选框的类名。点击按钮时，获取第一个复选框的选中状态，然后使用 .prop() 方法将所有复选框的选中状态设置为相反的值。

以上就是使用 jQuery 设置复选框选中状态的方法。