angular.js - form 表单，点击提交按钮 判断ng-checked 已选中

问题描述

点击提交按钮，若没有选中，则提示没有勾选下面是代码

<p class='form-group check_protocol'> <p class='col-sm-12 text-center'><input type='checkbox' ng-checked='choose'name='checkbox'required='required'>我已阅读并同意<a href='javascript:;' data-toggle='modal' data-target='#myModal'>《用户注册协议》</a><span ng-messages='checkForm.checkbox.$error.choose' role='alert'> <span ng-message='choose' style='color: #ff0000;'>请勾选协议！</span></span> </p></p>

if($scope.checkForm.checkbox){ alert(' 请同意并勾选！');}

如果没有勾选我已阅读并同意，点击注册后，应提示需要勾选。

求指点，谢谢。。。

问题解答

<input type='checkbox' ng-model='checkTest' /><span ng-show='!checkbox' role='alert'><span style='color: #ff0000;'>请勾选协议！</span></span>

在controller中判断$scope.checkTest是不是true就可以了，不是就提示，是就提交。这样写，不需要其他判断!可以在controller初始化的时候让提示信息先隐藏。孩子，框架只是为了让我们开发方便，没必要所有的东西都用框架的，写代码还是简便易懂可读为主！