js点击取消单选选中项,再次单击选中
时间: 2024-04-08 08:30:08 浏览: 35
vue循环中点击选中再点击取消(单选)的实现
要实现点击取消单选选中项,再次点击选的效果,你可以以下代码:
```javascriptconst radioButton = document.getElementById('my');
radioButton.addEventListener('click', function() {
if (this.checked) {
this.checked = false;
} else {
this.checked = true }
});
```
上述代码中,通过`getElementById`方法获取要操作的选按钮元素,并添加了一个点击事件监听器。当单选按钮被时,事件监听器查当前的`checked属性。如果`checked`为true`,则将其为`false`以选中;如果`checked`为``,则将其设置`true`以选。
请注意,你需要将代码中的"myRadioButton"替换为你实际使用的单选按钮元素的ID。
阅读全文