Summing up the actual development of the checkbox combining jquery Common Properties and events:
1,checkbox how the selected state changes:
$ (function () {
$ ("#basketBall"). Change (function () {
Alert ("BASEketball changing");
});
})
2,checkbox selected:
Select all the checkbox
The first: $ ("input[type= ' checkbox ']"). attr ("Checked", "checked");
The second type:
$ ("input[type= ' checkbox ']"). each (function () {
This.checked=true;
});
3,checkbox Uncheck:
$ ("Input[value= ' All Canceled '"). On (' click ', function () {
Cancel all the checkbox first type
$ ("input[type= ' checkbox ']"). each (function () {
This.checked=false;
});
/* The 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, the actual application today finds that when using this set of methods, When all is checked, it cannot be checked again, but the problem can be solved by using the this.checked of the DOM object directly 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 ">