JS写单选框
时间: 2023-08-12 10:19:22 浏览: 85
js实现checkbox单选
5星 · 资源好评率100%
在 HTML 中,单选框可以通过 `<input>` 元素来创建。单选框的 `type` 属性设置为 `"radio"`,并且每个单选框都需要有一个唯一的 `name` 属性来指定它们属于同一个组。下面是一个示例代码:
```
<form>
<input type="radio" id="option1" name="options" value="1">
<label for="option1">选项1</label><br>
<input type="radio" id="option2" name="options" value="2">
<label for="option2">选项2</label><br>
<input type="radio" id="option3" name="options" value="3">
<label for="option3">选项3</label><br>
</form>
```
在上面的代码中,我们创建了三个单选框,它们属于同一个组,因为它们的 `name` 属性都被设置为 `"options"`。我们还为每个单选框指定了一个唯一的 `id`,以便将标签与单选框关联起来。每个单选框都有一个 `value` 属性,用于在提交表单时指定该选项的值。
我们还使用 `<label>` 元素为每个单选框创建了一个标签,这个标签与单选框关联在一起,以便用户可以通过点击标签来选择单选框。
通过以上代码,我们创建了一个包含三个单选框的表单,用户可以选择其中一个选项。
阅读全文