html5 - angularjs怎么实现checkbox选中触发事件?
巴扎黑
巴扎黑 2017-04-17 11:28:19
0
2
873

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

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

巴扎黑
巴扎黑

全部回覆(2)
PHPzhong

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

是這意思不?

巴扎黑

你的sub始終傳參都是1,當然不會有變化咯

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板