实现提交表单前先勾选复选框，判断复选框状态

在完成注册功能时，有时候需要实现以下功能（先勾选同意协议，才可以进行下一步）：

 

1.提交表单前判断表单中输入框的状态：

（1）在form中加上οnsubmit="return check()"，注意要加上return

<form action="/home/reg/register" method="post" onsubmit="return check()">

（2）在方法中判断状态：

function check() {
        var isSuccess = 1;
        var val = $('input:checkbox[name="read"]').prop("checked");
        if (!val) {
            $('#readtips').text("请先同意相关协议");
            isSuccess = 0;
        }
        if (isSuccess == 0) {
            return false;
        } else {
            return true;
        }
    }

注意：判断复选框状态时使用prop()方法，原本使用val()，导致一直获取不到勾选状态。

 

复选框状态判断方式参考：https://www.cnblogs.com/circulatttt/p/5193262.html