码迷,mamicode.com
首页 > Web开发 > 详细

HTML页面中的的美化checkbox

时间:2015-02-17 22:23:06      阅读:176      评论:0      收藏:0      [点我收藏+]

标签: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

标签:html页面中的的美化checkbox

原文地址:http://blog.csdn.net/caicongyang/article/details/43867975

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!