jquery 复选框
jQuery 复选框操作
jQuery 提供了多种方法来操作复选框（checkbox），包括选中、取消选中、获取状态等。以下是一些常见操作的实现方法。
选中复选框
使用 prop() 方法将复选框的 checked 属性设置为 true：
$('#checkboxId').prop('checked', true);取消选中复选框
将 checked 属性设置为 false：
$('#checkboxId').prop('checked', false);获取复选框的选中状态
使用 prop() 方法获取 checked 属性的值：
var isChecked = $('#checkboxId').prop('checked');
if (isChecked) {
console.log('复选框已选中');
} else {
console.log('复选框未选中');
}切换复选框的选中状态
通过 prop() 方法结合当前状态实现切换：
$('#checkboxId').prop('checked', !$('#checkboxId').prop('checked'));监听复选框状态变化
使用 change 事件监听复选框的状态变化：
$('#checkboxId').change(function() {
if ($(this).prop('checked')) {
console.log('复选框被选中');
} else {
console.log('复选框被取消选中');
}
});选中所有复选框
通过选择器选中所有复选框并设置 checked 属性：
$('input[type="checkbox"]').prop('checked', true);取消选中所有复选框
类似地取消所有复选框的选中状态：
$('input[type="checkbox"]').prop('checked', false);判断至少一个复选框被选中
使用 :checked 选择器检查是否有复选框被选中：
if ($('input[type="checkbox"]:checked').length > 0) {
console.log('至少有一个复选框被选中');
} else {
console.log('没有复选框被选中');
}获取选中的复选框的值
遍历选中的复选框并获取其值：
$('input[type="checkbox"]:checked').each(function() {
console.log($(this).val());
});禁用复选框
通过 prop() 方法设置 disabled 属性：
$('#checkboxId').prop('disabled', true);启用复选框
取消禁用状态：
$('#checkboxId').prop('disabled', false);动态创建复选框
使用 jQuery 动态创建复选框并添加到 DOM 中：
var checkbox = $('<input>', {
type: 'checkbox',
id: 'dynamicCheckbox',
value: 'dynamicValue'
});
$('body').append(checkbox);复选框全选/反选功能
实现一个全选或反选的功能：
$('#selectAll').click(function() {
$('input[type="checkbox"]').prop('checked', $(this).prop('checked'));
});这些方法涵盖了 jQuery 操作复选框的常见需求，可以根据实际场景灵活组合使用。
