表单提交checkbox必须勾选

最新推荐文章于 2024-07-15 02:56:26 发布

liukai6

最新推荐文章于 2024-07-15 02:56:26 发布

阅读量9.1k

点赞数 3

分类专栏：前端 js

本文链接：https://blog.csdn.net/liukai6/article/details/79359994

版权

前端同时被 2 个专栏收录

101 篇文章 1 订阅

订阅专栏

78 篇文章 1 订阅

订阅专栏

对表单提交确认按钮勾选才能点击提交

    <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(){

        /*在gameid增加对检查按钮的验证*/
        var submitBtn = document.getElementById("submit");

        submitBtn.onclick = function () {
            if(!document.getElementById("checkbox").checked) {
                alert("请核对信息,并勾选按钮!");
                return false;
            }
        };
    }
</script>