jQuery實現(xiàn)表格與ckeckbox的全選與單選功能
更新時間：2016年11月24日 10:21:31 投稿：mrr
先給大家介紹下jQuery實現(xiàn)表格與ckeckbox的全選與單選功能，以及通過js實現(xiàn)隱藏與顯示銨鈕功能的實例代碼，需要的朋友參考下吧
先給大家介紹下jQuery實現(xiàn)表格與ckeckbox的全選與單選功能。
先看看下面的效果：
用戶點擊頭的checkbox時，所有表格數(shù)據(jù)行的checkbox全選或反選。
當數(shù)據(jù)行某一行沒有選中時，頭checkbox去選。當所有數(shù)據(jù)行的checkbox全選時，頭的checkbox也選上。
html代碼示例，關注高亮部分即可：
jQuery代碼，可以參考如下：
PS：js實現(xiàn)隱藏與顯示銨鈕功能
表格無數(shù)據(jù)行時，隱藏下面兩個銨鈕，反之顯示它們，如下面代碼示例：
jQuery代碼：
看看效果：
相關文章
修改jquery.lazyload.js實現(xiàn)頁面延遲載入
jquery.lazyload.js并未真正的實現(xiàn)頁面延遲載入，它的實現(xiàn)原理是頁面載入完畢后將html中所有img標簽的src屬性都替換為空，把src的初始值存儲到一個自定義的屬性中，當頁面滾動到img標簽位置時再將圖片載入進來。2010-12-12
這篇文章主要介紹了jQuery實現(xiàn)熱氣球動畫背景登錄框，適合用于后臺登陸界面設計，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
基于jquery的實現(xiàn)異步跨域提交表單的實現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
基于jquery完美拖拽，可返回拖動軌跡 用JQ實現(xiàn)，話不多說，直接上碼2012-03-03
jquery()函數(shù)有三種不同的語法，在本文將為大家詳細介紹下，感興趣的朋友不要錯過2013-10-10
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)影院選座訂座效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
基于jQuery的為attr添加id title等效果的實現(xiàn)代碼
下面的例子是通過jquery為連接增加title描述的代碼，在當前頁的連接上寫上，你好，現(xiàn)在在試驗連接文字的簡單描述。2011-04-04
jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
這篇文章主要介紹了jQuery實現(xiàn)form表單基于ajax無刷新提交方法,結合實例形式分析了jQuery使用$.ajax()方法實現(xiàn)無刷新提交的詳細步驟與實現(xiàn)技巧,并附帶了一個較為完整的實例供大家參考,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了Jquery遍歷Json數(shù)據(jù)的方法,涉及jQuery遍歷json格式數(shù)據(jù)的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
jQuery getJSON()+.ashx 實現(xiàn)分頁(改進版)
參考了上一篇Asp .net ＋jquery +.ashx 文件實現(xiàn)分頁并作了改進:ashx返回json數(shù)據(jù)，減少傳輸數(shù)據(jù)量，html頁面樣式控制也比較靈活，感興趣的朋友可以參考下哈2013-03-03