<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "> <HTMLxmlns= "http://www.w3.org/1999/xhtml"> <Head> <title>Select all, do not select all, reverse</title> <Scriptsrc= "Http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></Script> <Scriptlanguage= "JavaScript"type= "Text/javascript"> $(function () { $("#selectAll"). Click (function () {//Select All $("#playList: CheckBox"). attr ("checked", true); }); $("#unSelect"). Click (function () {//all do not choose $("#playList: CheckBox"). attr ("checked", false); }); $("#reverse"). Click (function () {//Inverse Selection $("#playList: CheckBox"). each (function () { $( This). attr ("checked", !$( This). attr ("checked")); }); }); }); </Script> </Head> <Body> <DivID= "PlayList"> <inputtype= "checkbox"value= "Song 1" />Song 1<BR/> <inputtype= "checkbox"value= "Song 2" />Song 2<BR/> <inputtype= "checkbox"value= "Song 3" />Song 3<BR/> <inputtype= "checkbox"value= "Song 4" />Song 4<BR/> <inputtype= "checkbox"value= "Song 5" />Song 5<BR/> <inputtype= "checkbox"value= "Song 6" />Song 6</Div> <inputtype= "button"value= "Select All"ID= "SelectAll" /> <inputtype= "button"value= "All is not selected"ID= "Unselect" /> <inputtype= "button"value= "Reverse Selection"ID= "Reverse" /> </Body> </HTML>