用input和label組合的形式完成
css部分
label{
width: 100px;/*可以根據(jù)需要設(shè)置具體樣式黄刚，這里只滿足基本需求*/
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>
