点击checkbox 切换其背景

Question

被选中时hover未选中时checkbox隐藏，设置一个伪类box，并根据hover checked 不勾选等操作，显示上图的相应位置图片。我弄了半天，都只能显示一个位置图出来，不能根据我的操作切换位置图。点击没有反应。还请各位指点一二。追加1：现在通过 class名:hover{} 可以切到hover位置的红色框了 但是checked disabled checked.disabled还是不知道怎么解决

Answer 1

为什么不用button元素？
button元素可以用onclick属性啊。