JQUERY CHECKBOX全選,取消全選,反選方法三

2019-11-21 01:39:05

字體：大中小

來源：轉載

供稿：網友

jquery.checkboxes.zip,然后解壓引用到使用插件的頁面,
這個不用多說了吧!下面看具體例子,為了讓大家更好的理解,我直接把實現功能的代碼貼出來:

$("#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/

大家有什么好的建議或者好的方法也拿來分享下,謝謝!

上一篇：一個簡單但常用的javascript表格樣式_鼠標劃過行變色簡潔實現

下一篇：jquery復選框CHECKBOX全選、反選