HTML页面中的的美化checkbox

很多美工在设计页面是，为了美化页面经常使用图片来代替checkbox，

html如下：

<div class="checklayout">
	<div class="checkbox01">
		<img src="../images/checkbox01_noclick.png" name="hobby" id="01">
	</div>
<div class="checkword01">苹果</div>

这时候要如何获取到值呢？

jquery：

		var hobby; 
		var obj = $("img[name='hobby']");
		if ("../images/checkbox01_click.png" == obj.attr("src");) {
			hobby = obj.attr("id");
		}

我的个人博客：http://blog.caicongyang.com ；

我的个人网站：http://www.caicongyang.com ；

我的CSDN博客地址： http://blog.csdn.net/caicongyang ；