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初始化的時候讓提示信息先隱藏。孩子，框架只是為了讓我們開發方便，沒必要所有的東西都用框架的，寫代碼還是簡便易懂可讀為主！