javascript - 用label标签写了个单选按钮，可以选中该按钮，但是不能取消选中，请问怎么写取消

Question

html代码：
<p class="checkout-select checkout-add-y">

            <a data-toggle="collapse" data-parent="#accordion" href="#collapsejifen">
            </a>

            <ul class="y-check-top-box" id="collapsejifen">
                <!--如果剩余积分大于0-->
                {if $pay_points>0}
                <li class="dis-box ts-1-11 y-checkout-box" id="li_1" style="position:relative; bottom:15px;"><span style="position:relative; top:20px;">使用积分：<span style="font-size:14px;">您当前的可用积分为[{$pay_points}]分</span></span>
                    <p class="box-flex" style="position:relative; top:15px;">
                        <label class="ts-1-8" for="points"><i></i></label>
                    </p>

                    <input type="radio" class="radio" name="points" id="points" checked="false" onclick="changePoints()" />
                    <input type="hidden" name="pay_points" id="pay_points" value="{$pay_points}">
                    <input type="hidden" name="curr_pay_points" id="curr_pay_points" value="0">
                </li>
                 <hr style="margin-top:5px;">
            </ul>
               {/if}
        </p>

Answer 1

直接判断如果选中再次点击的话 this.checked = false;

写了一大部分

  <form action="">
    <input class="radio" name="age" type="radio" value="a"/>a<br>
    <input class="radio" name="age" type="radio" value="b"/>b<br>
    <input class="radio" name="age" type="radio" value="c"/>c
  </form>

  <script>
    var radio = document.querySelectorAll('.radio');

    radio.forEach(function(r) {
      var isChecked = false

      r.addEventListener('click', function () {
        if (this.checked === true && isChecked === false) {
          isChecked = true
        } else {
          this.checked = false
          isChecked = false
        }
      })
    })
  </script>

剩下的自己写吧，没什么问题

Answer 2

一般来说单选按钮是成组出现的，name属性相同，当你选择另一个，当前这个会取消，切换到另外一个

如果就一个单选按钮，想通过点击取消，要在js里把checked属性干掉

如果想通过点击实现选中->取消->选中，设个标识位来控制checked属性

Answer 3

单选是不能取消的.请用checkbox

Answer 4

单选按钮是不能取消的,只能用type='checkbox'这个属性