今天工作中遇到一個單選框需要做成複選框的那種效果，即點選選中、再點選取消，之所以不直接使用複選框，是因為樣式要求必須是圓的，當然百度一下網上也有不少能把複選框的方形變成圓形的方法，但粗略看一下其樣式調整還都是蠻複雜的。網上也有不少使用單選框+js實現相同效果的，最後我使用了這樣的一種方法，個人覺得簡單、好用：

<input id="one" onClick="xuanzhong(this)" name="one" type="radio">讀書

<script>

function xuanzhong(thiss){
   if(thiss.value==1){
      thiss.value=0;thiss.checked=0;
  }else{
  thiss.value=1;
  }

</script>

實驗中也發現一個小問題，就是radio預設的value總是on，不知道為什麼，還望有大神指點

<input id="two" name="two" type="radio">看報

<script>
$('#two').click(function(){
alert($(this).val());
})

</script>