为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

守候你守候我 2018-10-12 14:15:32
html代码:<div class="checkout-select checkout-add-y">
查看完整描述

1 回答

?
慕哥6287543

TA贡献1831条经验 获得超10个赞

直接判断如果选中再次点击的话 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>

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


查看完整回答
反对 回复 2018-11-07
  • 1 回答
  • 0 关注
  • 1621 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号