jQuery實現(xiàn)表格與ckeckbox的全選與單選功能
先給大家介紹下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的為attr添加id title等效果的實現(xiàn)代碼
下面的例子是通過jquery為連接增加title描述的代碼,在當前頁的連接上寫上,你好,現(xiàn)在在試驗連接文字的簡單描述。2011-04-04jQuery實現(xiàn)form表單基于ajax無刷新提交方法詳解
這篇文章主要介紹了jQuery實現(xiàn)form表單基于ajax無刷新提交方法,結合實例形式分析了jQuery使用$.ajax()方法實現(xiàn)無刷新提交的詳細步驟與實現(xiàn)技巧,并附帶了一個較為完整的實例供大家參考,需要的朋友可以參考下2015-12-12jQuery getJSON()+.ashx 實現(xiàn)分頁(改進版)
參考了上一篇Asp .net +jquery +.ashx 文件實現(xiàn)分頁并作了改進:ashx返回json數(shù)據(jù),減少傳輸數(shù)據(jù)量,html頁面樣式控制也比較靈活,感興趣的朋友可以參考下哈2013-03-03