HtmlCode
< Div > < Input Type = "Checkbox" ID = "Ckall" /> Check all < BR /> < Input Type = "Checkbox" Name = "Sub" /> 1 < BR /> < Input Type = "Checkbox" Name = "Sub" /> 2 < BR /> < Input Type = "Checkbox" Name = "Sub" /> 3 < BR /> < Input Type = "Checkbox" Name = "Sub" /> 4 < BR /> </ Div >
JS Code 1
<SCRIPT type = "text/JavaScript"> $ ( "# Ckall"). Click ( Function () {$ ( "Input [name = 'sub']"). ATTR ("checked", $ ( This ). ATTR ("checked" ) ;}); $ ( "Input [name = 'sub']"). Click ( Function (){ If ($ ("Input [type = checkbox] [name = 'sub']: checked"). Length <$ ("input [name = 'sub']" ). Length) {$ ( "# Ckall"). ATTR ("checked ", False );} Else {$ ( "# Ckall"). ATTR ("checked ", True );}}) </SCRIPT>
JS Code 2 (Note: Earlier jquery versions are not supported)
<Script language = "JavaScript"> $ ( "# But1"). Click ( Function () {Alert ($ ( "# Area" ). Val ();}) $ ( Function () {$ ( "# Ckall"). Click ( Function () {$ ( "Input [name = 'sub']"). Prop ("checked ", This . Checked) ;}); $ ( "Input [name = 'sub']"). Click ( Function (){ VaR $ Subs = $ ("input [name = 'sub']" ); $ ( "# Ckall"). Prop ("checked", $ subs. Length = $ subs. Filter (": checked"). length? True : False );});}); </SCRIPT>