angularjs checkbox 框的操作

前言:今天遇到一个问题,需要对多选按钮进行操作,作为js菜鸟,只能做自己慢慢琢磨了……

<label class="checkbox-inline custom-checkbox nowrap">
  <input type="checkbox" id="grade" ng-click="selectGradeBox()" ng-checked="gradeFalg">
  <span class="addon-left">Grade</span>
</label>

①在input上面绑定ng-checked属性,这个就是多选按钮的未选择和被选择的两种状态的描述

如果需要该多选按钮被选择,只需ng-checked="true“,相反如果取消选择,只需ng-checked="false“

②在input上面绑定属性ng-click,即点击事件。通过点击事件改变ng-checked的值,

③重置:

就是将所有的多选按钮的ng-checked值全部变成false.

④全选:

就是将所有的多选按钮的ng-checked值全部变成true.

posted @ 2016-12-26 17:39  任小小  阅读(3498)  评论(0编辑  收藏  举报