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.

转载于:https://www.cnblogs.com/ryt103114/p/6223135.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值