angularjs怎么实现checkbox被勾选了才能点击按钮?
html代码如下:<inputtype="email"name="email"><textareaplaceholder="介绍您的个人情况"></textarea><i...
html代码如下:
<input type="email" name="email">
<textarea placeholder="介绍您的个人情况"></textarea>
<input type="checkbox" ng-model="m1">同意试用条款 <button>提交申请</button>
要用纯angularjs实现,不依赖bootstrap,jQuery或其他控件。 展开
<input type="email" name="email">
<textarea placeholder="介绍您的个人情况"></textarea>
<input type="checkbox" ng-model="m1">同意试用条款 <button>提交申请</button>
要用纯angularjs实现,不依赖bootstrap,jQuery或其他控件。 展开
推荐于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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询