angularjs中关于checkbox的问题

来源:互联网 发布:深圳知金教育怎么样 编辑:程序博客网 时间:2024/05/21 10:41


http://zhidao.baidu.com/question/711789323013167565


<!DOCTYPE html>
<html ng-app="test">
<head>
    <title>angularJs-checkbox</title>
</head>
<body>
    <div ng-controller="CheckCtrl">
        <input type="checkbox" ng-model="chk" ng-click="check(chk)"/>
    </div>   
    <script type="text/javascript" src="../js/angular.min.js"></script>
    <script type="text/javascript">
            //直接判断checkbox的model即可
        var test = angular.module('test', []);
        test.controller('CheckCtrl', function($scope){
            //设置checkbox默认不选中
            $scope.chk = false;
 
            $scope.check = function(val){
                !val ? alert('选中') : alert('未选中');
            }
        })
    </script>
</body>          
</html>



0 0
原创粉丝点击