html 通过再次点击他的标签#js取消选中radiobutton

Posted 2021-05-11

  function setUncheckable(name) {
    let allRadios = document.getElementsByName(name);
    let boolRadio;
    for (let i = 0; i < allRadios.length; i++) {
      allRadios[i].addEventListener('click', function() {

        if (boolRadio === this) {
          this.checked = false;
          boolRadio    = null;

        } else {
          boolRadio = this;
        }
      });
    }
  }

  setUncheckable('filters');
});

<label class="labelsome">
  <input id="radio-a" type="radio" name="q" value="A" class="radiosome">A
</label>
<label class="labelsome">
  <input id="radio-b" type="radio" name="q" value="B" class="radiosome">B
</label>
<label class="labelsome">
  <input id="radio-c" type="radio" name="q" value="C" class="radiosome">C
</label>