首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过再次单击它来取消选中单选按钮

在HTML中,单选按钮的选中状态在同一组的其他按钮中是唯一的,所以通常无法通过单击已选中的单选按钮来取消选中

但是,您可以使用JavaScript来达到取消选中的目的。以下是一个简单的示例,用于从HTML中的单选按钮组取消选中状态:

HTML代码:创建一个包含三个单选按钮的组和一个用于取消选中的按钮。

代码语言:javascript
复制
<input type="radio" name="exampleGroup" value="option1"> 选项 1
<input type="radio" name="exampleGroup" value="option2"> 选项 2
<input type="radio" name="exampleGroup" value="option3"> 选项 3
<button id="deselectBtn">取消选中</button>

JavaScript代码:监听取消选中按钮的单击事件,并在事件发生时取消选中单选按钮组中的所有选项。

代码语言:javascript
复制
document.getElementById("deselectBtn").addEventListener("click", function() {
  var radioButtons = document.getElementsByName("exampleGroup");
  for (var i = 0; i < radioButtons.length; i++) {
    radioButtons[i].checked = false;
  }
});

当您将这些代码添加到HTML文件并在浏览器中运行时,点击“取消选中”按钮将取消选中单选按钮组中的所有单选按钮。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券