未选中 jquery 复选框 - Javascript (1)

📌 相关文章

📜 未选中 jquery 复选框 - Javascript (1)

📅 最后修改于: 2023-12-03 15:10:40.076000 🧑 作者: Mango

未选中 jQuery 复选框 - JavaScript

当我们需要在网页中使用多个选项时，我们通常会使用复选框。但是，有时我们可能需要确保用户在提交表单之前选择了某些选项，这时就需要在 JavaScript 中检查是否已选中复选框。

HTML

在 HTML 中，我们可以使用以下代码来创建一个复选框：

<input type="checkbox" id="my-checkbox" name="my-checkbox" value="1">
<label for="my-checkbox">My checkbox</label>

jQuery

为了使用 jQuery 检查复选框是否已选中，我们可以使用以下代码：

if ($('#my-checkbox').is(':checked')) {
    // 被选中
} else {
    // 未选中
}

JavaScript

如果您不想使用 jQuery，也可以使用以下代码来检查复选框是否已选中：

var checkbox = document.getElementById('my-checkbox');
if (checkbox.checked) {
    // 被选中
} else {
    // 未选中
}

完整例子

下面是一个完整的例子，演示如何在 JavaScript 中检查复选框是否已选中：

<!DOCTYPE html>
<html>
<head>
    <title>Checkbox Example</title>
</head>
<body>
    <input type="checkbox" id="my-checkbox" name="my-checkbox" value="1">
    <label for="my-checkbox">My checkbox</label>
    <br>
    <button onclick="validateForm()">Submit</button>

    <script>
        function validateForm() {
            var checkbox = document.getElementById('my-checkbox');
            if (checkbox.checked) {
                alert('Checkbox is checked!');
            } else {
                alert('Checkbox is not checked!');
            }
        }
    </script>
</body>
</html>

在这个例子中，用户必须选中复选框才能提交表单。如果复选框没有被选中，一个警告框将会弹出。