DIV CSS 佈局教程網

先給大家介紹下jQuery實現表格與ckeckbox的全選與單選功能。

先看看下面的效果：

用戶點擊頭的checkbox時，所有表格數據行的checkbox全選或反選。

當數據行某一行沒有選中時，頭checkbox去選。當所有數據行的checkbox全選時，頭的checkbox也選上。

html代碼示例，關注高亮部分即可：

jQuery代碼，可以參考如下：

PS：js實現隱藏與顯示铵鈕功能

表格無數據行時，隱藏下面兩個铵鈕，反之顯示它們，如下面代碼示例：

jQuery代碼：

看看效果：