使用jQuery实现复选框选中状态的实时更新
在Web开发中，常常会遇到需要对复选框选中状态进行实时更新的情况。通过使用jQuery，我们可以很方便地实现实时更新复选框选中状态的功能。下面将介绍如何使用jQuery来完成这个任务。
首先，我们需要准备一个简单的HTML结构，包含多个复选框：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>复选框选中状态实时更新</title>
<script src="/file/tupian/20240425/script>
</head>
<body>
<label><input type="checkbox" class="checkbox"> 选项1</label>
<label><input type="checkbox" class="checkbox"> 选项2</label>
<label><input type="checkbox" class="checkbox"> 选项3</label>
<script>
// 使用jQuery来实现复选框选中状态的实时更新
$(\'.checkbox\').change(function() {
if ($(this).is(":checked")) {
console.log("选中了复选框：" + $(this).parent().text());
} else {
console.log("取消选中复选框：" + $(this).parent().text());
}
});
</script>
</body>
</html>
