全選
管理員id
姓名操作
1tester
修改 刪除
2manager
修改 刪除
3analyst
修改 刪除
4admin
修改 刪除
//1. 查詢觸發事件的元素
//本例中: 查詢table下thead下第乙個th中的input
var chball=document.queryselector(
"table>thead th:first-child>input"
);//2. 繫結事件處理函式
chball.onclick=function()
}/*點下方的checkbox，也可能影響上方的checkbox*/
//dom 4步
//1. 查詢觸發事件的元素
//本例中: 查詢tbody下每行第乙個td中的input
var chbs=document.queryselectorall(
"table>tbody td:first-child>input"
);//2. 繫結事件處理函式
for(var chb of chbs)else
}}
全選 取消全選
這裡用到angularjs四大特性之二 雙向資料繫結 注意 沒寫一行dom 這就是ng的優點，bootstrap.css為了布局，js 也只是簡單建立ng模組和ng控制器 效果 全選 取消全選 title head body div class container ng controller myc...
jquery全選,取消全選
最近專案又用到了這個全選和取消全選的操作.如下 check all12 34 必須說的是jq1.6 以上才支援prop哦.關於prop可以看看下面這個.今天在用jquery的時候發現乙個問題用.attr checked 獲取checkbox的checked屬性時選中的時候可以取到值,值為 check...
jquery全選,取消全選
最近專案又用到了這個全選和取消全選的操作.如下 check all12 34 必須說的是jq1.6 以上才支援prop哦.關於prop可以看看下面這個.今天在用jquery的時候發現乙個問題用.attr checked 獲取checkbox的checked屬性時選中的時候可以取到值,值為 check...