猿问
回到首页
个人中心
反馈问题
注册登录
下载APP
首页
课程
实战
体系课
手记
专栏
慕课教程
用label标签写了个单选按钮,可以选中该按钮,但是不能取消选中,请问怎么写取消
html代码:
<div class="checkout-select checkout-add-y">
守候你守候我
浏览 1662
回答 1
1回答
慕哥6287543
直接判断如果选中再次点击的话 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>剩下的自己写吧,没什么问题
0
0
0
打开App,查看更多内容
随时随地看视频
慕课网APP
相关分类
JavaScript
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续