表单提交检查checkbox是否已经勾选

最新推荐文章于 2022-09-12 21:46:40 发布

原创最新推荐文章于 2022-09-12 21:46:40 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jsp

本文介绍了一种使用JavaScript进行表单验证的方法，重点讲解了如何确保用户在提交表单前勾选特定的复选框。通过代码示例，读者可以了解到如何在用户未选择复选框时弹出警告并阻止表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <p>
        <label><input id="checkbox" type="checkbox" name="rule">复选框</label>
    </p>
    <p><label><input id="submit" type="submit" value="提交"></label></p>
</form>
</div>
<script>
    window.onload=function(){

        var submitBtn = document.getElementById("submit");

        submitBtn.onclick = function () {
            if(!document.getElementById("checkbox").checked) {
                alert("请勾选复选框!");
                return false;
            }
        };
    }
</script>