填写信息时，勾选协议的时候下一步按钮才可用，才会跳转到信息页面，不勾选协议的时候下一步按钮不可用。

未勾选协议时，下一步按钮为不可点击状态

样式

结构及js

<div class="xy-tip">
          <input type="checkbox" id="checkbox" onclick="check()"/><span>我已阅读此协议</span>
          <span>温馨提示:阅读完此协议才能进行下一步</span>
        </div>
        <a href="javascript:;" id="button" disabled="true" style="background-color:#e1e6ea" >下一步</a>
</div>

<script type="text/javascript">
	//对是否勾选协议的状态进行判断，
	如果勾选了就让其跳转到表单提交页，
	并且按钮颜色变为蓝色；
	否则就处于按钮不可用状态。
   function check() {
   
    if($('#checkbox').is(':checked')) {