JQUERY CHECKBOX全選,取消全選,反選方法三
更新時(shí)間：2008年08月30日 20:44:58 作者：
最近一直研究JQUERY的CHECKBOX,前面我已經(jīng)介紹了CHECKBOX的全選和取消全選,而今天我繼續(xù)給大家分享第三種方法,同時(shí)還能實(shí)現(xiàn)CHECKBOX的反選和指定選取,當(dāng)然我們得先下載
jquery.checkboxes.zip,然后解壓引用到使用插件的頁面,
這個(gè)不用多說了吧!下面看具體例子,為了讓大家更好的理解,我直接把實(shí)現(xiàn)功能的代碼貼出來:
$("#myform").toggleCheckboxes()//全選,取消全選,反選
$("#myform").toggleCheckboxes(":not(#checkbox1)")//全選,取消全選且不選中第一個(gè),反選
$("#myform").toggleCheckboxes(".top5", true)//全選,取消全選且只選前五個(gè),反選
$("#myform").checkCheckboxes();// 全選
$("#myform").checkCheckboxes(":not(#checkbox1)");//除第一個(gè)之外全選
$("#myform").checkCheckboxes(".top5", true);//前五個(gè)全選
$("#myform").unCheckCheckboxes(); //取消全選
$("#myform").unCheckCheckboxes(":not(#checkbox1)");//取消全選,排除第一個(gè)
$("#myform").unCheckCheckboxes(".top5", true);//取消全選排除前五個(gè)
這里的checkbox1表示的是ID值,top5表示的CLASS值!我就介紹到這里,有興趣的朋友可以下載自己用一下,也可以先看下官方的演示!
下載地址:http://plugins.jquery.com/files/jquery.checkboxes.zip
演示地址:http://www.texotela.co.uk/code/jquery/checkboxes/
大家有什么好的建議或者好的方法也拿來分享下,謝謝!
這個(gè)不用多說了吧!下面看具體例子,為了讓大家更好的理解,我直接把實(shí)現(xiàn)功能的代碼貼出來:
復(fù)制代碼 代碼如下:
$("#myform").toggleCheckboxes()//全選,取消全選,反選
$("#myform").toggleCheckboxes(":not(#checkbox1)")//全選,取消全選且不選中第一個(gè),反選
$("#myform").toggleCheckboxes(".top5", true)//全選,取消全選且只選前五個(gè),反選
$("#myform").checkCheckboxes();// 全選
$("#myform").checkCheckboxes(":not(#checkbox1)");//除第一個(gè)之外全選
$("#myform").checkCheckboxes(".top5", true);//前五個(gè)全選
$("#myform").unCheckCheckboxes(); //取消全選
$("#myform").unCheckCheckboxes(":not(#checkbox1)");//取消全選,排除第一個(gè)
$("#myform").unCheckCheckboxes(".top5", true);//取消全選排除前五個(gè)
下載地址:http://plugins.jquery.com/files/jquery.checkboxes.zip
演示地址:http://www.texotela.co.uk/code/jquery/checkboxes/
大家有什么好的建議或者好的方法也拿來分享下,謝謝!
您可能感興趣的文章:
- jquery實(shí)現(xiàn)全選、反選、獲得所有選中的checkbox
- JQUERY復(fù)選框CHECKBOX全選,取消全選
- jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)
- 用JQuery實(shí)現(xiàn)全選與取消的兩種簡單方法
- jQuery判斷checkbox(復(fù)選框)是否被選中以及全選、反選實(shí)現(xiàn)代碼
- jquery操作checkbox實(shí)現(xiàn)全選和取消全選
- jquery復(fù)選框CHECKBOX全選、反選
- jquery一鍵控制checkbox全選、反選或全不選
- 基于JQuery實(shí)現(xiàn)CheckBox全選全不選
- jquery實(shí)現(xiàn)全選功能
相關(guān)文章
Jquery 復(fù)選框取值兼容FF和IE8(測試有效)
Jquery 復(fù)選框取值的文章網(wǎng)上有很多的，不過可以同時(shí)兼容FF和IE8的確實(shí)沒有幾個(gè)，下面有個(gè)不錯(cuò)的方法經(jīng)測試有效2013-10-10
Json是一種輕量級的數(shù)據(jù)交換格式，本節(jié)為大家介紹的是Jquery解析Json格式數(shù)據(jù)的過程，很詳細(xì)，看看就知道了2014-10-10
起初以為this和$(this)就是一模子刻出來。但是我在閱讀時(shí)，和coding時(shí)發(fā)現(xiàn),總不是一回事。2009-08-08
老規(guī)矩，先上html和css,還是用官方的，只是去掉了些東西2012-07-07
深入理解jquery的$.extend()、$.fn和$.fn.extend()
下面小編就為大家?guī)硪黄钊肜斫鈐query的$.extend()、$.fn和$.fn.extend()。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
jQuery.buildFragment使用方法與思路分析以及源碼注釋分析等等，感興趣的朋友可以了解下哦2013-01-01
jQuery如今已經(jīng)成為Web開發(fā)中最流行的JavaScript庫，通過jQuery和大量的插件，你可以輕松實(shí)現(xiàn)各種絢麗的效果。本文將為你介紹一些jquery實(shí)用的技巧，希望可以幫助你更加高效地使用jQuery。2015-11-11
鋒利的jQuery 要點(diǎn)歸納（一） jQuery選擇器
鋒利的jQuery 要點(diǎn)歸納（一） jQuery選擇器，學(xué)習(xí)jquery的朋友可以參考下。2010-03-03
jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入特效
這里給大家分享的是使用jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入的特效，效果相當(dāng)棒，后面附上瀑布流的實(shí)現(xiàn)思路和關(guān)鍵代碼，有需要的小伙伴可以參考下。2015-08-08
jquery html添加元素/刪除元素操作實(shí)例詳解
這篇文章主要介紹了jquery html添加元素/刪除元素操作,結(jié)合實(shí)例形式詳細(xì)分析了jquery html添加元素/刪除元素相關(guān)函數(shù)功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05