前端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>