Bootstrap单选款
时间: 2024-06-14 19:06:37 浏览: 39
以下是使用Bootstrap实现单选框的示例代码:
```html
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1" checked>
<label class="form-check-label" for="exampleRadios1">
选项1
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2">
<label class="form-check-label" for="exampleRadios2">
选项2
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios3" value="option3">
<label class="form-check-label" for="exampleRadios3">
选项3
</label>
</div>
```
在上面的示例中,我们使用了Bootstrap的`form-check`和`form-check-input`类来创建单选框。每个单选框都有一个唯一的`id`属性和一个共同的`name`属性,以确保它们是一组单选框。通过设置`checked`属性,可以指定默认选中的单选框。
要获取选中的单选框的值,可以使用JavaScript或jQuery来实现。以下是一个使用jQuery获取选中单选框值的示例代码:
```javascript
$('input[name="exampleRadios"]:checked').val();
```
上述代码将返回选中单选框的值。