bootstrap 单选框赋值
时间: 2023-08-05 07:10:00 浏览: 82
如果你想使用 Bootstrap 的单选框,你可以使用以下 HTML 代码:
```html
<div class="form-check">
<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">
<label class="form-check-label" for="exampleRadios1">
Option 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">
Option 2
</label>
</div>
```
如果你想设置单选框的默认值,你可以在其中一个单选框中添加 `checked` 属性,如下所示:
```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">
Option 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">
Option 2
</label>
</div>
```
如果你想使用 JavaScript 动态设置单选框的值,你可以使用以下代码:
```javascript
document.getElementById("exampleRadios1").checked = true;
```
这将设置 ID 为 `exampleRadios1` 的单选框为选中状态。