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