Jquery和angularjs獲取check框選中的值的方法匯總_jquery

代碼如下:

全選全不選：

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

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

angularjs實現:

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

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

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

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