代碼如下:

全選全不選：

這里為什么要用prop而不用attr,這是因為

對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。
對于HTML元素我們自己自定義的DOM屬性，在處理時，使用attr方法。
獲取選中的值:

angularjs實現(xiàn):

使用angularjs我們不用去操作dom,我們只需要去關(guān)心這個值的狀態(tài);
首先看一下html代碼：

line2 定義了AngularJS App；
line4 引入angularjs腳本；
line5 引入自己寫的script2.js腳本；
line7 指定控制器AddStyleCtrl
line13-15 實時顯示已選標簽給用戶看；
line17-line26 使用雙重循環(huán)列出數(shù)據(jù)庫（本例中就存儲在了controller的一個對象里）中的數(shù)據(jù)；
line21的這行代碼作用可大了：
　　存儲了tag的id，name，利用isSelected(tag.id)來判斷是否被checked，點擊時候調(diào)用updateSelection($event,tag.id)方法；
　　如果想 ng-click 觸發(fā)的函數(shù)里獲取到該觸發(fā)該函數(shù)的元素不能直接傳入 this ，而需要傳入event。因為在Angularjs里面，這個地方的this是 scope 。我們可以傳入 event，然后在函數(shù)里面通過 event.target 來獲取到該元素。
line29-30 是測試時候給自己看的，可以看到selected數(shù)組和selectedTags數(shù)組中的內(nèi)容；

然后看看AngularJS代碼：（script2.js）

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com