在jQuery中使用复选框

<input type="checkbox" id="checkbox1" value="option1"> Option 1
<input type="checkbox" id="checkbox2" value="option2"> Option 2
<input type="checkbox" id="checkbox3" value="option3"> Option 3

// 通过ID选择器选中复选框
var checkbox1 = $("#checkbox1");

// 通过class选择器选中一组复选框
var checkboxes = $(".checkbox");

// 通过属性选择器选中具有特定属性的复选框
var checkedCheckboxes = $("input[type='checkbox']:checked");

// 检查复选框是否被选中
if (checkbox1.prop("checked")) {
    // 复选框已被选中
} else {
    // 复选框未被选中
}

// 设置复选框为选中状态
checkbox1.prop("checked", true);

// 设置复选框为未选中状态
checkbox1.prop("checked", false);

// 监听复选框的改变事件
checkbox1.change(function() {
    if ($(this).prop("checked")) {
        // 复选框被选中
    } else {
        // 复选框未被选中
    }
});

// 获取被选中的复选框的值
var checkedValues = [];
$("input[type='checkbox']:checked").each(function() {
    checkedValues.push($(this).val());
});

// 切换复选框的选中状态
checkbox1.prop("checked", !checkbox1.prop("checked"));