jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能
先給大家介紹下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-12jQuery熱氣球動(dòng)畫半透明背景的后臺(tái)登錄界面代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)熱氣球動(dòng)畫背景登錄框,適合用于后臺(tái)登陸界面設(shè)計(jì),推薦給大家,有需要的小伙伴可以參考下。2015-08-08基于jQuery的為attr添加id title等效果的實(shí)現(xiàn)代碼
下面的例子是通過jquery為連接增加title描述的代碼,在當(dāng)前頁(yè)的連接上寫上,你好,現(xiàn)在在試驗(yàn)連接文字的簡(jiǎn)單描述。2011-04-04jQuery實(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-12jQuery 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