angularjs checkbox 框的操作
生活随笔
收集整理的這篇文章主要介紹了
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
總結
以上是生活随笔為你收集整理的angularjs checkbox 框的操作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: DAS、NAS、SAN简介以及区别
- 下一篇: 如何查找qq邮箱的服务器地址