jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能
更新時(shí)間：2016年11月24日 10:21:31 投稿：mrr
先給大家介紹下jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能，以及通過(guò)js實(shí)現(xiàn)隱藏與顯示銨鈕功能的實(shí)例代碼，需要的朋友參考下吧
先給大家介紹下jQuery實(shí)現(xiàn)表格與ckeckbox的全選與單選功能。
先看看下面的效果：
用戶點(diǎn)擊頭的checkbox時(shí)，所有表格數(shù)據(jù)行的checkbox全選或反選。
當(dāng)數(shù)據(jù)行某一行沒(méi)有選中時(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 1.3 和 Validation 驗(yàn)證插件1.5.1
jQuery 1.3已經(jīng)新鮮出爐了，你可以通過(guò)jQuery 的官方博客查看相關(guān)細(xì)節(jié)。jQuery三歲了！2009-07-07
jQuery focus和blur事件的應(yīng)用詳解
本篇文章主要是對(duì)jQuery中focus和blur事件的應(yīng)用進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
這篇文章主要介紹了JQuery球隊(duì)選擇實(shí)現(xiàn)方法,實(shí)例分析了jQuery中鼠標(biāo)事件與頁(yè)面元素相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
jQuery實(shí)現(xiàn)的超鏈接提示效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的超鏈接提示效果,結(jié)合實(shí)例形式對(duì)比分析了jQuery實(shí)現(xiàn)的帶有l(wèi)oading動(dòng)態(tài)圖效果的提示文字以及默認(rèn)提示文字顯示效果,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
本文給大家簡(jiǎn)單介紹了jQuery的核心函數(shù)，以及詳細(xì)介紹了7種重載方法中的3種，十分的實(shí)用，有需要的小伙伴可以參考下。2015-06-06
Easyui Datagrid自定義按鈕列(最后面的操作列)
做項(xiàng)目的時(shí)候因?yàn)樾枨?要在表格的最后添加一列操作列,easyUI貌似沒(méi)有提供這種功能，下面我們來(lái)自定義按鈕列，具體實(shí)現(xiàn)代碼，大家參考下本文吧2017-07-07
使用jquery animate創(chuàng)建平滑滾動(dòng)效果（可以是到頂部、到底部或指定地方）
這篇文章主要介紹了使用jquery animate創(chuàng)建平滑滾動(dòng)效果,效果可以滾動(dòng)到頂部、到底部或頁(yè)面中指定地方,生要的是非常平滑,很舒服,需要的朋友可以參考下2014-05-05
基于jQuery的input輸入框下拉提示層(自動(dòng)郵箱后綴名)
基于jQuery的input輸入框下拉提示層，方便用戶輸入郵箱時(shí)的提示信息，需要的朋友可以參考下2012-06-06
jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法詳解
這篇文章主要介紹了jQuery遍歷DOM節(jié)點(diǎn)操作之filter()方法,結(jié)合實(shí)例形式詳細(xì)分析了filter的功能及4種具體用法,需要的朋友可以參考下2016-04-04
本文給大家總結(jié)了關(guān)于jquery中頁(yè)面返回頂部的方法小結(jié)，以及各個(gè)方法的優(yōu)缺點(diǎn)介紹，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2016-12-12