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.


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM