jquery checkbox
jQuery 操作 Checkbox
jQuery 提供了多种方法来操作复选框（checkbox），包括选中、取消选中、获取状态等。以下是常见的操作方式：
获取复选框的值和状态
使用 prop() 方法可以获取复选框的选中状态：
var isChecked = $('#checkboxId').prop('checked');使用 val() 方法可以获取复选框的值：
var checkboxValue = $('#checkboxId').val();设置复选框的选中状态
通过 prop() 方法设置复选框的选中状态：
$('#checkboxId').prop('checked', true); // 选中
$('#checkboxId').prop('checked', false); // 取消选中监听复选框的状态变化
使用 change 事件监听复选框的状态变化：
$('#checkboxId').change(function() {
if ($(this).is(':checked')) {
console.log('复选框被选中');
} else {
console.log('复选框被取消选中');
}
});选中或取消选中所有复选框
通过选择器选中所有复选框并设置状态：
$('input[type="checkbox"]').prop('checked', true); // 选中所有
$('input[type="checkbox"]').prop('checked', false); // 取消选中所有判断复选框是否被选中
使用 is() 方法判断复选框是否被选中：
if ($('#checkboxId').is(':checked')) {
console.log('复选框已选中');
}动态创建复选框
通过 jQuery 动态创建复选框并添加到 DOM 中：
var checkbox = $('<input>', {
type: 'checkbox',
id: 'dynamicCheckbox',
value: 'dynamicValue'
});
$('body').append(checkbox);获取选中的复选框的值
遍历所有选中的复选框并获取其值：
$('input[type="checkbox"]:checked').each(function() {
console.log($(this).val());
});禁用或启用复选框
通过 prop() 方法禁用或启用复选框：
$('#checkboxId').prop('disabled', true); // 禁用
$('#checkboxId').prop('disabled', false); // 启用这些方法涵盖了 jQuery 操作复选框的常见需求，可以根据实际场景选择合适的方式。
