<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Customize HTML control with jQuery (Checkbox + Radio)</title>
	<atom:link href="http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/</link>
	<description>Creative Programing</description>
	<lastBuildDate>Tue, 07 Feb 2012 08:06:15 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
	<item>
		<title>By: wholesale nike shox</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-32023</link>
		<dc:creator>wholesale nike shox</dc:creator>
		<pubDate>Thu, 05 Jan 2012 07:11:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-32023</guid>
		<description>The man who has made up his mind to win will never say &quot;impossible &quot;.
(Bonaparte Napoleon ,French emperor )</description>
		<content:encoded><![CDATA[<p>The man who has made up his mind to win will never say &#8220;impossible &#8220;.<br />
(Bonaparte Napoleon ,French emperor )</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Digital Kestrel</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-25112</link>
		<dc:creator>Digital Kestrel</dc:creator>
		<pubDate>Tue, 15 Nov 2011 13:38:02 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-25112</guid>
		<description>I would always recommend casting $(this) to a local variable within the closure as soon as your within the handler. This would greatly increase performance as constantly doing 

$(this).action1().action2(); 

has overhead of creating a new JQuery variable on the stack, multiple times. You should always aim to create something once and adhere to DRY principles. There is also a known JS performance enhancement to creating local variables which will be used in chaining calls, so in this case the benefit would be two fold!</description>
		<content:encoded><![CDATA[<p>I would always recommend casting $(this) to a local variable within the closure as soon as your within the handler. This would greatly increase performance as constantly doing </p>
<p>$(this).action1().action2(); </p>
<p>has overhead of creating a new JQuery variable on the stack, multiple times. You should always aim to create something once and adhere to DRY principles. There is also a known JS performance enhancement to creating local variables which will be used in chaining calls, so in this case the benefit would be two fold!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: www.simplephpreviews.com</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-17432</link>
		<dc:creator>www.simplephpreviews.com</dc:creator>
		<pubDate>Sun, 10 Jul 2011 20:43:55 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-17432</guid>
		<description>Do you think you can give my review a look? and tell me what you think? 
simplephpreviews.com</description>
		<content:encoded><![CDATA[<p>Do you think you can give my review a look? and tell me what you think?<br />
simplephpreviews.com</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Marco Marcoaldi</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-16400</link>
		<dc:creator>Marco Marcoaldi</dc:creator>
		<pubDate>Thu, 23 Jun 2011 15:37:22 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-16400</guid>
		<description>The best way to customize checkbox and make it compatible with ie6 :

http://www.dreamsnet.it/2011/06/personalizzare-checkbox-html-customizing-checkbox-form-html-ie6-compatibile/

Simple ZIP demo to download and videotutorial (in italian).</description>
		<content:encoded><![CDATA[<p>The best way to customize checkbox and make it compatible with ie6 :</p>
<p><a  href="http://www.dreamsnet.it/2011/06/personalizzare-checkbox-html-customizing-checkbox-form-html-ie6-compatibile/" rel="nofollow">http://www.dreamsnet.it/2011/06/personalizzare-checkbox-html-customizing-checkbox-form-html-ie6-compatibile/</a></p>
<p>Simple ZIP demo to download and videotutorial (in italian).</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: saurav</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-13951</link>
		<dc:creator>saurav</dc:creator>
		<pubDate>Thu, 05 May 2011 07:40:55 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-13951</guid>
		<description>custom checkbox doesn&#039;t work on all IE versions.</description>
		<content:encoded><![CDATA[<p>custom checkbox doesn&#8217;t work on all IE versions.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: sunglasses for cheap</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-12910</link>
		<dc:creator>sunglasses for cheap</dc:creator>
		<pubDate>Tue, 12 Apr 2011 06:59:46 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-12910</guid>
		<description>miniskirt are 2007 chun xia&#039;s flagship sheet is tasted, and getting shorter.</description>
		<content:encoded><![CDATA[<p>miniskirt are 2007 chun xia&#8217;s flagship sheet is tasted, and getting shorter.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: rocoder</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-9630</link>
		<dc:creator>rocoder</dc:creator>
		<pubDate>Wed, 09 Feb 2011 09:37:18 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-9630</guid>
		<description>AJay has right, after trying half an hour to fix click/change event on CheckBoxClass I found AJay  solution with his  { position: absolute;
overflow: hidden; left: -9999px; } which works perfectly in IE :)</description>
		<content:encoded><![CDATA[<p>AJay has right, after trying half an hour to fix click/change event on CheckBoxClass I found AJay  solution with his  { position: absolute;<br />
overflow: hidden; left: -9999px; } which works perfectly in IE <img src='http://www.hieu.co.uk/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: aphex13</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-9264</link>
		<dc:creator>aphex13</dc:creator>
		<pubDate>Tue, 01 Feb 2011 16:09:24 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-9264</guid>
		<description>nice!  :))

thanx!</description>
		<content:encoded><![CDATA[<p>nice!  <img src='http://www.hieu.co.uk/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> )</p>
<p>thanx!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dan</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-9041</link>
		<dc:creator>Dan</dc:creator>
		<pubDate>Fri, 28 Jan 2011 01:16:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-9041</guid>
		<description>Cheers for the great script!

To get the script to recognise pre-checked check boxes, replace the existing javascript in the head with the following:

 
$(document).ready(function(){
	$(&quot;.CheckBoxClass&quot;).each(function(){
		if($(this).is(&quot;:checked&quot;)){
			$(this).next(&quot;label&quot;).addClass(&quot;LabelSelected&quot;);
		}else{
			$(this).next(&quot;label&quot;).removeClass(&quot;LabelSelected&quot;);
		}
	});
	
	$(&quot;.CheckBoxClass&quot;).change(function(){
		if($(this).is(&quot;:checked&quot;)){
			$(this).next(&quot;label&quot;).addClass(&quot;LabelSelected&quot;);
		}else{
			$(this).next(&quot;label&quot;).removeClass(&quot;LabelSelected&quot;);
		}
	});
});
 

Thanks again =)</description>
		<content:encoded><![CDATA[<p>Cheers for the great script!</p>
<p>To get the script to recognise pre-checked check boxes, replace the existing javascript in the head with the following:</p>
<p>$(document).ready(function(){<br />
	$(&#8220;.CheckBoxClass&#8221;).each(function(){<br />
		if($(this).is(&#8220;:checked&#8221;)){<br />
			$(this).next(&#8220;label&#8221;).addClass(&#8220;LabelSelected&#8221;);<br />
		}else{<br />
			$(this).next(&#8220;label&#8221;).removeClass(&#8220;LabelSelected&#8221;);<br />
		}<br />
	});</p>
<p>	$(&#8220;.CheckBoxClass&#8221;).change(function(){<br />
		if($(this).is(&#8220;:checked&#8221;)){<br />
			$(this).next(&#8220;label&#8221;).addClass(&#8220;LabelSelected&#8221;);<br />
		}else{<br />
			$(this).next(&#8220;label&#8221;).removeClass(&#8220;LabelSelected&#8221;);<br />
		}<br />
	});<br />
});</p>
<p>Thanks again =)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michel-Marcel</title>
		<link>http://www.hieu.co.uk/blog/index.php/2009/07/09/customize-html-control-with-jquery-checkbox-radio/comment-page-2/#comment-6724</link>
		<dc:creator>Michel-Marcel</dc:creator>
		<pubDate>Wed, 22 Dec 2010 14:43:38 +0000</pubDate>
		<guid isPermaLink="false">http://www.hieu.co.uk/blog/?p=804#comment-6724</guid>
		<description>For those who have a problem with IE selection ( I had to double click for change the select on IE). Just change the  jquery &quot;change&quot; for &quot;click&quot;.</description>
		<content:encoded><![CDATA[<p>For those who have a problem with IE selection ( I had to double click for change the select on IE). Just change the  jquery &#8220;change&#8221; for &#8220;click&#8221;.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

