angularjs怎么实现checkbox被勾选了才能点击按钮？
html代码如下：
<input type="email" name="email">
<textarea placeholder="介绍您的个人情况"></textarea>
<input type="checkbox" ng-model="m1">同意试用条款 <button>提交申请</button>
要用纯angularjs实现，不依赖bootstrap，jQuery或其他控件。
第1个回答 推荐于2016-10-14
<!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>本回答被提问者和网友采纳
<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>本回答被提问者和网友采纳
相似回答