jquery checkbox Select all do not use attr to use prop

The most recent project uses the checkbox Select feature, but the checkbox does not change when you use attr to always have a second click. Later, after searching, it was found that the properties of the Boolean were not attr processed after jquery1.6.

View Document Discovery

The properties are what the browser uses to record the current value. Under normal circumstances, the properties reflect their corresponding attributes (if present). But this is not the case with a Boolean attriubutes. the Boolean properties remain up-to-date when the user taps a checkbox element or selects an option for a SELECT element. But the corresponding Boolean attributes are not the same, as described above, they are only used by the browser to save the initial value.

$ (' #task_endless_table '). On (' Click ', ' #checkAll ', function () {               //$ (' Input[name= "SubBox2"]). attr ("Checked", this.checked);               $ (' input[name= ' Subbox "]). Prop (' checked ', this.checked);            });

In addition: The On function of jquery is a new feature, and for my project, the on function can help me to solve the problem of "re-binding after Refresh"

Here is the jquery checkbox Select all Demo

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

jquery checkbox Select all do not use attr to use prop