radio和checkbox一样:
html:
<span class="input-wrap selected">
<input id="radio" type="radio" name="name" value="1" class="radioClass" onclick="select()">
</span>
<label for="radio" onclick="select()">radio1<label>
css:
.input-wrap {
text-align: center;
margin-right: 10px;
}
.radioclass {
opacity: 0;
filter: alpha(opacity=0);
}
.selected {
background-image: url('...');
background-position: 0 0;
}
js:jquery方法
function select(){
$('input:radio').each(function() {
if($(this).is(":checked")){
$('.input-wrap').removeClass('selected ');
$(this).parent('.input-wrap').addClass('selected ');
}
})
}
http://teach.server.zhikuht.com//uploadFile//uploadImg/2016111216/1478938694004.jpg