单选框（radio）实现性别选择，实现选中后取消

今天在用input的radio属性时，发现这个标签有两个特别，1. 只能选择一个，选中之后还不能取消；2. 如果性别（男、女）又该怎么写代码使其选中一个状态？
说来也简单，下面两行代码就可以实现，但要注意给定相同的name属性，这样才能二选一。其中的value属性虽然可以去掉，但在项目里，可能需要将该值传到服务器，这时value就必须写了。另外这个代码需要进一步优化。

<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female

我们要单击到那个小圆点才能选中状态，但我们希望选中文字时候也选中，这时的代码需要引入label标签

优化后的代码：

        <label for="1">
          <input type="radio" name="sex" value="male" id="1"/> Male
        </label>
        <label for="2">
          <input type="radio" name="sex" vale="female" id="2"/> Female
        </label>

要知道value和id分别的作用，id是用来给这个input一个身份，然后label与input的连接就是通过这个id，label的for是指定的意思，他指定他要链接的input的ID。

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