原理就是自己做两个checkbox的样式，一个为空一个为选中状态。将原来的默认的checkbox隐藏掉，通过label去控制隐藏掉的checkbox状态。最后通过js判断该隐藏的checkbox状态，从而改变你自定义的checkbox样式。
希望可以帮到你。
<label><input type="checkbox" name="check" />点我呀</label>点击label，它里面的checkbox也会被点到，所以可以设置checkbox的opacity=0隐藏起checkbox的初始样式，然后可以在label里面定位一个标签，随便span或者div都可以，绝对定位到checkbox的原来位置上，里面放你给的图片背景
一个思路
