JQUERY CHECKBOX全選,取消全選,反選方法三
更新時間：2008年08月30日 20:44:58 作者：
最近一直研究JQUERY的CHECKBOX,前面我已經(jīng)介紹了CHECKBOX的全選和取消全選,而今天我繼續(xù)給大家分享第三種方法,同時還能實現(xiàn)CHECKBOX的反選和指定選取,當(dāng)然我們得先下載
jquery.checkboxes.zip,然后解壓引用到使用插件的頁面,
這個不用多說了吧!下面看具體例子,為了讓大家更好的理解,我直接把實現(xiàn)功能的代碼貼出來:
$("#myform").toggleCheckboxes()//全選,取消全選,反選
$("#myform").toggleCheckboxes(":not(#checkbox1)")//全選,取消全選且不選中第一個,反選
$("#myform").toggleCheckboxes(".top5", true)//全選,取消全選且只選前五個,反選
$("#myform").checkCheckboxes();// 全選
$("#myform").checkCheckboxes(":not(#checkbox1)");//除第一個之外全選
$("#myform").checkCheckboxes(".top5", true);//前五個全選
$("#myform").unCheckCheckboxes(); //取消全選
$("#myform").unCheckCheckboxes(":not(#checkbox1)");//取消全選,排除第一個
$("#myform").unCheckCheckboxes(".top5", true);//取消全選排除前五個
這里的checkbox1表示的是ID值,top5表示的CLASS值!我就介紹到這里,有興趣的朋友可以下載自己用一下,也可以先看下官方的演示!
下載地址:http://plugins.jquery.com/files/jquery.checkboxes.zip
演示地址:http://www.texotela.co.uk/code/jquery/checkboxes/
大家有什么好的建議或者好的方法也拿來分享下,謝謝!
這個不用多說了吧!下面看具體例子,為了讓大家更好的理解,我直接把實現(xiàn)功能的代碼貼出來:
復(fù)制代碼 代碼如下:
$("#myform").toggleCheckboxes()//全選,取消全選,反選
$("#myform").toggleCheckboxes(":not(#checkbox1)")//全選,取消全選且不選中第一個,反選
$("#myform").toggleCheckboxes(".top5", true)//全選,取消全選且只選前五個,反選
$("#myform").checkCheckboxes();// 全選
$("#myform").checkCheckboxes(":not(#checkbox1)");//除第一個之外全選
$("#myform").checkCheckboxes(".top5", true);//前五個全選
$("#myform").unCheckCheckboxes(); //取消全選
$("#myform").unCheckCheckboxes(":not(#checkbox1)");//取消全選,排除第一個
$("#myform").unCheckCheckboxes(".top5", true);//取消全選排除前五個
下載地址:http://plugins.jquery.com/files/jquery.checkboxes.zip
演示地址:http://www.texotela.co.uk/code/jquery/checkboxes/
大家有什么好的建議或者好的方法也拿來分享下,謝謝!
您可能感興趣的文章:
- jquery實現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實現(xiàn)代碼小結(jié)
- 用JQuery實現(xiàn)全選與取消的兩種簡單方法
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實現(xiàn)代碼
- jquery操作checkbox實現(xiàn)全選和取消全選
- jquery復(fù)選框CHECKBOX全選、反選
- jquery一鍵控制checkbox全選、反選或全不選
- 基于JQuery實現(xiàn)CheckBox全選全不選
- jquery實現(xiàn)全選功能
相關(guān)文章
這篇文章主要介紹了Jquery Ajax方法傳值到action的方法,需要的朋友可以參考下2014-05-05
jQuery 數(shù)據(jù)緩存data(name, value)詳解及實現(xiàn)
本文要討論的是最流行的JavaScript框架jQuery的數(shù)據(jù)緩存實現(xiàn)原理，這是jQuery1.2.3版開始加入的新功能。2010-01-01
這篇文章主要介紹了jQuery中slice()方法用法,實例分析了slice()方法的功能、定義及選取匹配元素集子集的使用技巧,需要的朋友可以參考下2015-01-01
jQuery獲得頁面元素的絕對/相對位置即絕對X,Y坐標(biāo)
jQuery獲得頁面元素的絕對X,Y坐標(biāo)，可以用offset()方法，下面有個不錯的坐標(biāo)大家可以參考下2014-03-03
有時候在做項目時，會遇到點擊按鈕或者文字是，彈出一個對話框，為了方便，自己就動手寫了一個這樣的一個插件，方便以后使用。2012-03-03
這篇文章主要為大家詳細(xì)介紹了jquery validate表單驗證插件,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
今天要為大家紹一款由jquery實現(xiàn)的鼠標(biāo)單擊出現(xiàn)水波特效。用鼠標(biāo)點擊頁面,你可以看到頁面不斷出面水波紋效果。然后水波紋漸漸消失。效果非常不錯2016-04-04
下面小編就為大家?guī)硪黄猣lag和jq on 的綁定多個對象和方法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jquery實現(xiàn)不包含當(dāng)前項的選擇器實例
這篇文章主要介紹了jquery實現(xiàn)不包含當(dāng)前項的選擇器,實例分析了jquery選擇器的使用技巧,需要的朋友可以參考下2015-06-06
jQuery 移動端拖拽（模塊化開發(fā)，觸摸事件，webpack）
這篇文章主要介紹了jQuery 移動端拖拽（模塊化開發(fā)，觸摸事件，webpack）的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-10-10