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

问题描述

问 题

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

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

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

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

求指点，谢谢。。。

解决方案

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

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

这篇关于angular.js - form 表单，点击提交按钮 判断ng-checked 已选中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！