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/
大家有什麼好的建議或者好的方法也拿來分享下,謝謝!