在angularjs中动态添加/删除checked属性到checkbox复选框

How can i simply add and remove checked attribute to check-box using angularjs. I've find solution from this question,but it requires Jquery

如何使用angularjs简单地添加和删除选中的属性到复选框。我从这个问题找到解决方案,但它需要Jquery

Is any other way to do this without using Jquery?

没有使用Jquery,还有其他方法吗?

Here is what i am tried

这是我的尝试

<input type="checkbox" id="test"  class="switch__input" checked="{{checkVal}}">
<input type="button" ng-click="test()" value="test">

 module.controller('settingsCtrl',function($scope){
  //for adding
  $scope.checkVal="checked";
  //for removing checkbox
  $scope.test=function(){
   $scope.CheckVal="";
  }
}

But the removing wont work

但删除不会工作

4 个解决方案

#1

This is Angularjs recommended way of check and un check checkbox

这是Angularjs推荐的check and un check复选框

HTML : <input type="checkbox" ng-model="checkVal" ng-true-value="true" ng-false-value="false">

HTML:

Also works

<input type="checkbox" ng-checked="checkVal">

JS :

module.controller('settingsCtrl',function($scope){
  //for adding
  $scope.checkVal=true;
  //for removing checkbox
  $scope.test=function(){
   $scope.checkVal=false;
  }
}

4 个解决方案

#1

更多相关文章

随机推荐