Summarize the checkboxes in the actual development of the common attributes and events in conjunction with jquery:
1,checkbox how the selected state changes:
$ (function () {
$ ("#basketBall"). Change (function () {
Alert ("BASEketball changing");
});
})
2,checkbox selected:
Select all the checkboxes
The first type: $ ("input[type= ' checkbox ')"). attr ("Checked", "checked");
The second type:
$ ("input[type= ' checkbox ']"). each (function () {
This.checked=true;
});
3,checkbox Uncheck:
$ ("Input[value= ' all Cancel ']"). On (' click ', function () {
Cancel all checkboxes the first kind
$ ("input[type= ' checkbox ']"). each (function () {
This.checked=false;
});
/* Second type
$ ("input[type= ' checkbox ']"). Removeattr ("checked"); */
});
Note: While using jquery's attr ("Checked", "checked") and removeattr ("checked") to complete the checkbox selection and cancellation, it is discovered by today's actual application that, when using this set of methods, When you deselect all of them, you cannot select them all, but you can solve this problem by using the this.checked of the DOM object to assign True and false: Attach an example to refer to (jquery2.1.1.js):
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">