HTML 如何默认选择一个单选按钮

在本文中，我们将介绍如何使用HTML代码默认选择一个单选按钮。

阅读更多：HTML 教程

了解单选按钮

在HTML中，单选按钮是一种用户可以从多个选项中选择一个的表单元素。每个单选按钮都有一个值，当用户选择其中一个按钮时，该按钮的值将被提交给服务器或JavaScript进行处理。

默认选择一个单选按钮

要默认选择一个单选按钮，可以在HTML代码中使用checked属性。该属性用于指示浏览器在页面加载时将按钮设置为选中状态。

以下是一个示例，展示了如何默认选择一个单选按钮：

<form>
  <input type="radio" name="option" value="option1" checked> 选项1<br>
  <input type="radio" name="option" value="option2"> 选项2<br>
  <input type="radio" name="option" value="option3"> 选项3
</form>

在上面的示例中，第一个单选按钮的checked属性被设置为checked，因此当页面加载时，该按钮将自动被选中。

设置默认选择的单选按钮

如果要根据某些条件设置默认选择的单选按钮，可以使用JavaScript来实现。以下是一个示例，展示了如何使用JavaScript根据条件默认选择一个单选按钮：

<form>
  <input type="radio" name="option" value="option1" id="option1"> 选项1<br>
  <input type="radio" name="option" value="option2" id="option2"> 选项2<br>
  <input type="radio" name="option" value="option3" id="option3"> 选项3
</form>

<script>
  // 根据条件设置默认选择的单选按钮
  if (condition) {
    document.getElementById("option2").checked = true;
  } else {
    document.getElementById("option1").checked = true;
  }
</script>

在上面的示例中，使用了JavaScript的getElementById()方法来获取单选按钮的DOM元素，并将其checked属性设置为true或false，从而选择默认的单选按钮。