选择至少一个复选框必须在角度js?我没有得到这个如何做到这一点的完美答案?

时间:2014-12-15 12:50:00

标签: javascript jquery angularjs

表单无效且未选中复选框,则应禁用该按钮。这是我的代码,根据我的条件不能正常工作。我应该在哪里进行更正。

<!DOCTYPE html>
<html>

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script>
angular.module("my_app",[])
.controller("my_controller",function($scope,$http){
        $scope.cities={};
        $scope.user={
            full_time:true,
        };
        })
</script>


<div ng-app="my_app" ng-controller="my_controller">
  <form name="frm">
        <input type="checkbox" ng-model="user.part_time"/> <label>part_time</label>
            <input type="checkbox" ng-model="user.full_time" value="full_time" /> <label>full_time</label> 
            <input type="checkbox" ng-model="user.traing" value="training" /> <label>traing_time</label>
            <input type="checkbox" ng-model="user.one_time" value="one_time" /> <label>one_time</label> <br>


        <input type="submit" value="click here" ng-disabled="((frm.invalid) || ((user.full_time) || (user.part_time) || (user.one_time) || (user.traing) ))"  />
</form>
</div>

1 个答案:

答案 0 :(得分:1)

我必须改变的唯一部分是

<input type="submit" value="click here" ng-disabled="((frm.invalid) || ((user.full_time) || (user.part_time) || (user.one_time) || (user.traing) ))"  />

<input type="submit" value="click here" ng-disabled="!((frm.invalid) || ((user.full_time) || (user.part_time) || (user.one_time) || (user.traing) ))"  />

!(未)添加了ng-disabled =&#34;!((frm.invalid)

现在工作正常