Home > Web Front-end > JS Tutorial > JQUERY CHECKBOX select all, cancel all selection, reverse selection method three_jquery

JQUERY CHECKBOX select all, cancel all selection, reverse selection method three_jquery

WBOY
Release: 2016-05-16 19:01:32
Original
1257 people have browsed it

jquery.checkboxes.zip, and then unzip the reference to the page where the plug-in is used.
Needless to say more about this! Let’s look at the specific examples below. In order to give everyone a better understanding, I will directly post the code that implements the function:

Copy code The code is as follows:

$("#myform").toggleCheckboxes()//Full Select, cancel the selection of all, invert the selection
$("#myform").toggleCheckboxes(":not(#checkbox1)")//Select all, cancel the selection of all and not select the first one, invert the selection
$( "#myform").toggleCheckboxes(".top5", true)//Select all, cancel the selection and only select the first five, invert the selection
$("#myform").checkCheckboxes();//Select all
$("#myform").checkCheckboxes(":not(#checkbox1)");//Select all except the first one
$("#myform").checkCheckboxes(".top5" , true); //Select all the first five
$("#myform").unCheckCheckboxes(); //Cancel all selections
$("#myform").unCheckCheckboxes(":not(#checkbox1 )");//Cancel all selections and exclude the first one
$("#myform").unCheckCheckboxes(".top5", true);//Cancel all selections and exclude the first five
Checkbox1 here represents the ID value, and top5 represents the CLASS value! I will introduce it here. Friends who are interested can download it and use it themselves, or you can watch the official demonstration first!

Download address: http ://plugins.jquery.com/files/jquery.checkboxes.zip

Demo address: http://www.texotela.co.uk/code/jquery/checkboxes/

Everyone If you have any good suggestions or methods, please share them, thank you!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template