美化复选框

点击图片切换图片

$(".lable-img").click(function() {

if($(this).attr("src") == "images/commonimg/circle.png") {
$(this).prop("src", "images/commonimg/circleg.png");
} else {
$(this).prop("src", "images/commonimg/circle.png");
}

});

切换的图片如下

点击图片实现勾选复选框

<input type="checkbox" value="123456" id="checkbox01" class="hidecheckbox" />
<label class="checklabel" for="checkbox01"><img class="lable-img" src="images/commonimg/circleg.png"/></label>

效果图如下