HTML頁面中的的美化checkbox

標籤：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 ；

HTML頁面中的的美化checkbox