JQueryCheckBox Selects all and does not select all implementation code summary. for operations on jquery, refer. Directly add the code.
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead runat = "server"> <title> Index </title> <script src = "http://img.jb51.net/jslib/jquery/jquery14.js? 6.1.3 "> script <script type =" text/javascript ">$ (function () {$ (" # CheckAll "). click (function () {var flag = $ (this ). attr ("checked"); $ ("[name = subBox]: checkbox "). each (function () {$ (this ). attr ("checked", flag );})})}) script </pead> <body> <p> <input id = "CheckAll" type = "checkbox"/> select all <input name = "subBox" type = "checkbox" /> 1 <input name = "subBox" type = "checkbox"/> 2 <input name = "subBox" type = "checkbox"/> 3 <input name = "subBox" type = "checkbox"/> 4 </p> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
The following code is comprehensive and is implemented based on the js control principle.
The Code is as follows: