jquery美化复选框checkboxjquery

/ / 2023-08-09   阅读:2560
jquery美化复选框checkbox...

演示效果:

2023-08-09_220033.jpg


代码:

<input type="checkbox" value="123456" id="checkbox01" class="hidecheckbox" style="display: none;" />
<label class="checklabel" for="checkbox01"><img class="lable-img" src="images/circle.png"/></label>

<script language="javascript">
$(".lable-img").click(function(){
	if($(this).attr("src")=="images/circle.png"){
		$(this).prop("src","images/circleg.png");
	}else{
		$(this).prop("src","images/circle.png");
	}
});
</script>


所需图片:

circle.png:

circle.png

circleg.png:

circleg.png

我要评论

昵称:
验证码:

最新评论

共0条 共0页 10条/页 首页 上一页 下一页 尾页
意见反馈