前端radio 隐藏圆圈

不显示radio
input[type="radio"]{ position: absolute; left:-999em;}

切换样式
<script type="text/javascript">

$(document).ready(function(){
$('label').click(function(){
if($(this).children('input').is(":checked")){
$(this).css('background-color','#f7edb8');
$(this).nextAll().css('background-color','#f8fbf9');
$(this).prevAll().css('background-color','#f8fbf9');
}
})
})
</script>

html5
<label class="item" ><input name="opption1" type="checkbox"   /><span>先生</span> </label>
<label class="item"><input name="opption1" type="checkbox" /><span>女士</span> </label>