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 ；