在HTML中,单选按钮的选中状态在同一组的其他按钮中是唯一的,所以通常无法通过单击已选中的单选按钮来取消选中
但是,您可以使用JavaScript来达到取消选中的目的。以下是一个简单的示例,用于从HTML中的单选按钮组取消选中状态:
HTML代码:创建一个包含三个单选按钮的组和一个用于取消选中的按钮。
<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代码:监听取消选中按钮的单击事件,并在事件发生时取消选中单选按钮组中的所有选项。
document.getElementById("deselectBtn").addEventListener("click", function() {
var radioButtons = document.getElementsByName("exampleGroup");
for (var i = 0; i < radioButtons.length; i++) {
radioButtons[i].checked = false;
}
});
当您将这些代码添加到HTML文件并在浏览器中运行时,点击“取消选中”按钮将取消选中单选按钮组中的所有单选按钮。
领取专属 10元无门槛券
手把手带您无忧上云