JavaScript中默认选中第一个值的方法如下： 1. 如果是在HTML选择框（）中，可以使用JavaScript获取到第一个选项（option），然后设置为其选中状态。 以下是一个简单的例子： ```html 选项1

/2026-06-22 19:59:57 /0 浏览量

0622

在网页开发中，我们经常需要处理表单元素，比如选择框（）、单选按钮（）和复选框（）。有时候，我们可能需要设置某个表单元素为默认选中状态。下面，我将详细介绍如何在JavaScript中实现这一功能。

选择框（）的默认选中

首先，让我们来看看如何在一个选择框中默认选中第一个值。这可以通过获取选择框元素，然后设置其第一个选项（option）的selected属性为true来实现。

以下是一个简单的HTML和JavaScript示例：

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<script>
  // 获取select元素
  var select = document.getElementById('mySelect');
  // 设置第一个选项为选中状态
  select.options[0].selected = true;
</script>

在这个例子中，当页面加载完成后，第一个选项将被自动选中。

单选按钮（

）的默认选中

对于单选按钮组，我们可以使用类似的方法。首先，获取单选按钮元素，然后设置其checked属性为true。

这里有一个HTML和JavaScript的示例：

<form>
  <input type="radio" name="myRadio" value="1"> 选项1<br>
  <input type="radio" name="myRadio" value="2"> 选项2<br>
  <input type="radio" name="myRadio" value="3"> 选项3
</form>

<script>
  // 获取单选按钮元素
  var radio = document.getElementsByName('myRadio')[0];
  // 设置第一个单选按钮为选中状态
  radio.checked = true;
</script>

在这个例子中，页面加载完成后，第一个单选按钮将被选中。

复选框（）的默认选中

复选框的默认选中方法与单选按钮类似。以下是一个示例：

<form>
  <input type="checkbox" name="myCheckbox" value="1"> 选项1<br>
  <input type="checkbox" name="myCheckbox" value="2"> 选项2<br>
  <input type="checkbox" name="myCheckbox" value="3"> 选项3
</form>

<script>
  // 获取复选框元素
  var checkbox = document.getElementsByName('myCheckbox')[0];
  // 设置第一个复选框为选中状态
  checkbox.checked = true;
</script>

在这个例子中，页面加载完成后，第一个复选框将被选中。

总结

通过以上方法，你可以在JavaScript中轻松地设置表单元素的默认选中状态。确保在DOM元素加载完毕后执行这些代码，或者使用事件监听器等待页面加载完成再执行。这样，你就可以在网页上创建更加用户友好的表单体验了。