在网页中设置单选按钮(Radio Button)的选中状态,通常使用HTML和JavaScript来实现。以下是一个简单的示例:
HTML部分
我们需要在HTML中定义单选按钮。
```html
```
在上面的代码中,`` 定义了一个单选按钮,`name="option"` 确保了同一组单选按钮之间的互斥性。`id` 属性与对应的 `label` 元素的 `for` 属性相关联,以便用户可以通过点击标签来选择单选按钮。
JavaScript部分
如果你想在JavaScript中动态设置单选按钮的选中状态,你可以这样做:
```javascript
// 假设你想选中第一个单选按钮
document.getElementById('option1').checked = true;
// 或者你可以通过JavaScript来响应某个事件,例如点击按钮来选中某个单选按钮
document.getElementById('selectOption1').addEventListener('click', function() {
document.getElementById('option1').checked = true;