什么是 checked 属性
在 HTML 中，每个单选框都有一个 checked 属性，用于指定该单选框是否处于选中状态。当 checked 属性的值为 true 时，表示该单选框被选中；当值为 false 时，表示该单选框未被选中。通常情况下，我们可以通过设置 checked 属性来控制单选框的默认选中状态。
如何使用 checked 属性
要设置单选框的默认选中状态，我们只需要在 HTML 中为相应的单选框添加 checked 属性即可。下面是一个简单的示例代码：
<input type="radio" name="gender" value="male" checked> Male <input type="radio" name="gender" value="female"> Female
在上面的示例中，第一个单选框被设置为默认选中状态，因为它的 checked 属性为 true。用户访问页面时，会看到 Male 单选框已经被选中。
动态设置 checked 属性
有时候，我们可能需要在 JavaScript 中动态设置单选框的选中状态。这可以通过修改 checked 属性来实现。下面是一个示例代码：
<input type="radio" name="color" value="red" id="red"> Red
<input type="radio" name="color" value="blue" id="blue"> Blue
<script>
document.getElementById("blue").checked = true;
</script>在上面的示例中，我们使用 JavaScript 代码来动态设置 id 为 blue 的单选框为选中状态。当页面加载完成时，Blue 单选框会被选中。
总结
通过本文的介绍，我们了解了 Radio 元素的 checked 属性以及如何使用它来设置单选框的默认选中状态。无论是静态设置还是动态设置，都可以帮助我们更好地控制表单元素的交互效果。希望本文能对你有所帮助！