登录

html5 - angularjs怎么实现checkbox选中触发事件?

html代码:

<input type="checkbox" ng-click="sub(1)">选择



<p ng-show="showType==1" class="btn">
      <button type="submit">提交申请</button>
        </p>


        <p ng-show="showType==2" class="btn">
      <button type="submit">提交申请</button>
        </p>

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;
            }
            };

这代码点击勾选的时候有效,但是取消勾选就没效了。请问要怎么样修改?

# HTML
巴扎黑巴扎黑2122 天前576 次浏览

全部回复(2) 我要回复

  • PHPzhong

    PHPzhong2017-04-17 11:30:19

    $scope.sub()的参数去掉,然后在方法体里面加一句让$scope.showType取反

    HTML

    <input type="checkbox" ng-click="sub()">选择
    
    
    
    <p ng-show="showType==1" class="btn">
      <button type="submit">提交申请</button>
    </p>
    
    
    
    
    
    <p ng-show="showType!=1" class="btn">
      <button type="submit">提交申请</button>
    </p>
    
    
    

    JS

    var app = angular.module('test', []);
    app.controller('chkCtrl', function($scope){
        $scope.showType=1;
        $scope.sub = function(){
            $scope.showType=!$scope.showType;
        }
    };
    

    是这意思不?

    回复
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:30:19

    你的sub始终传参都是1,当然不会有变化咯

    回复
    0
  • 取消回复发送