-
大话西游666
$scope.sub()的参数去掉，然后在方法体里面加一句让$scope.showType取反HTML123456789101112131415<input type="checkbox" ng-click="sub()">选择 <div ng-show="showType==1" class="btn"> <button type="submit">提交申请</button></div> <div ng-show="showType!=1" class="btn"> <button type="submit">提交申请</button></div>JS1234567var app = angular.module('test', []);app.controller('chkCtrl', function($scope){ $scope.showType=1; $scope.sub = function(){ $scope.showType=!$scope.showType; }};
-
小怪兽爱吃肉
html代码：<input type="checkbox" ng-click="sub(1)">选择<div ng-show="showType==1" class="btn"><button type="submit">提交申请</button></div><div ng-show="showType==2" class="btn"><button type="submit">提交申请</button></div>js代码：var app = angular.module('test', []);app.controller('chkCtrl', function($scope){$scope.showType=1;$scope.sub = function(type){if(type==1){$scope.showType =2;}else if( $scope.showType ==2){$scope.showType =1;}};这代码点击勾选的时候有效
-
杨__羊羊
<!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>