HTML 单选标签可点击 - HTML

在HTML中，单选按钮用于从一组选项中选择一个选项。单选按钮允许用户在一组可能的选项中选择一个选项。当选框间与单选框比较时，前者允许用户选择多个选项，而后者只允许选择一个选项。

单选按钮可以使用 "checked" 属性来表示默认选择项，并使用 "value" 属性来设置选项的值。

HTML 单选按钮标签

要创建单选按钮，请使用 input 元素以 "type=radio" 显示。单选按钮需要 "name" 属性，以确保它们属于同一个组，并应使用不同的 "value" 属性为每个按钮提供唯一的值。

以下是创建 HTML 单选按钮的基本语法：

<input type="radio" name="groupname" value="value1"> Option 1 <br> 
<input type="radio" name="groupname" value="value2" checked> Option 2 <br> 
<input type="radio" name="groupname" value="value3"> Option 3 <br>

这些单选按钮将放在同一组中。"name" 属性必须相同，并使用 "value" 属性为每个选项提供唯一的值。 "checked" 属性用于表示默认选择的选项。

使用单选按钮可点击

当选项被点击时，我们可以使用JavaScript来触发某些操作。使用以下代码可以给单选按钮添加一个点击事件。

<input type="radio" name="groupname" value="value1" onclick="handleOptionChange()"> Option 1 <br> 

在此示例中，我们将调用名为 "handleOptionChange()" 的JavaScript函数，每次单选按钮被点击时都会调用该函数。

总结

单选按钮是很有用的HTML元素，可以让用户从一组选项中选择一个选项。使用 "checked" 和 "value" 属性，您可以设置默认选择和每个选项的唯一值。通过将它们放在同一个 "name" 属性下，在同一组单选按钮中，可以避免用户选择多个选项。使用JavaScript可以实现单选按钮点击后触发某些操作。