单选框radio点击选中、取消选中

今天工作中遇到一个单选框需要做成复选框的那种效果，即点击选中、再点击取消，之所以不直接使用复选框，是因为样式要求必须是圆的，当然百度一下网上也有不少能把复选框的方形变成圆形的方法，但粗略看一下其样式调整还都是蛮复杂的。网上也有不少使用单选框+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>