先給大家介紹下jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能。

先看看下面的效果：

用戶點(diǎn)擊頭的checkbox時(shí)，所有表格數(shù)據(jù)行的checkbox全選或反選。

當(dāng)數(shù)據(jù)行某一行沒(méi)有選中時(shí)，頭checkbox去選。當(dāng)所有數(shù)據(jù)行的checkbox全選時(shí)，頭的checkbox也選上。

html代碼示例，關(guān)注高亮部分即可：

jQuery代碼，可以參考如下：

PS：js實(shí)現(xiàn)隱藏與顯示銨鈕功能

表格無(wú)數(shù)據(jù)行時(shí)，隱藏下面兩個(gè)銨鈕，反之顯示它們，如下面代碼示例：

jQuery代碼：

看看效果：