Question

checkbox 图片样式怎么做? js、jq都行。

我想要checkbox 做图片样式，我有两张checkbox图片，选中状态一张，取消状态一张。
这怎么做? 网上查了好多，兼容性都不太行，而且是用css3做的... 我要兼容性好点的。
js、jq做都行。 求代码大神。

Answer 1

<div>
<img id="myImg" src="images/2.png">
<input id="ckb" type="checkbox" />
</div>

<script type="text/javascript">
document.getElementById("ckb").onclick = function(){
if(document.getElementById("ckb").checked){
document.getElementById("myImg").src = "images/1.png"
alert("被选择后的图片");
}else{
document.getElementById("myImg").src = "images/2.png"
alert("取消选择后的图片");
}
}

</script>

追问

大神你搞错了....我是要checkbox自己变成那样。    不是要checkbox点击图片变。

应该是这样的：

checkbox取消状态

checkbox点击状态

追答

var num = 0;
document.getElementById("myImg").onclick = function(){
num++;
alert(num);
if(num==1){
document.getElementById("myImg").src = "images/1.png"

alert("被选择后的图片");
}else if(num==2){
document.getElementById("myImg").src = "images/2.png"
alert("取消选择后的图片");
num = 0;
}

}

追问

这不行啊..不过还是谢谢你。 我用背景图片定位来代替checkbox算了。。。