用input和label组合的形式完成
css部分
label{
width: 100px;/*可以根据需要设置具体样式，这里只满足基本需求*/
height: 100px;
background: url(img/m.jpg);
display: block;
font-size: 0;
}
input[type=checkbox]{
display: none;
}
input:checked+label{
background: url(img/n.jpg);
}
html部分
<input type="checkbox" id="test" checked="checked"><label for="test"></label>
