js input 默认选中

在JavaScript中，如果你想让<input>元素在页面加载时默认被选中，你可以使用checked属性。这个属性适用于<input type="checkbox">和<input type="radio">元素。

基础概念

checked属性：这是一个布尔属性，用于指定表单元素是否应该被选中。当设置为true时，元素会被选中；默认为false。

应用场景

表单初始化：在页面加载时自动选中某些选项，以便用户可以直接进行下一步操作。
默认设置：为用户提供预设的选择，如默认勾选同意条款。

示例代码

以下是一个简单的HTML和JavaScript示例，展示了如何使一个复选框在页面加载时默认被选中：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Default Checked Input</title>
</head>
<body>

<input type="checkbox" id="myCheckbox" checked>

<script>
// 如果需要在JavaScript中动态设置checked状态
document.addEventListener('DOMContentLoaded', function() {
    var checkbox = document.getElementById('myCheckbox');
    checkbox.checked = true; // 这行代码其实不是必须的，因为HTML中已经设置了checked属性
});
</script>

</body>
</html>

注意事项

如果你在JavaScript中动态改变checked属性，确保在DOM完全加载后再进行操作，通常使用DOMContentLoaded事件来确保这一点。
对于单选按钮（<input type="radio">），通常会有一组按钮共享相同的name属性，这样用户只能选择其中一个。默认选中可以通过在HTML中设置checked属性来实现。

可能遇到的问题及解决方法

页面加载时未选中：确保checked属性正确设置在HTML元素上，或者在JavaScript中正确设置了checked属性。
动态改变选中状态无效：检查是否在DOM加载完成之前尝试修改checked属性，如果是，使用DOMContentLoaded事件确保DOM已加载。

通过以上信息，你应该能够在你的网页中实现输入框的默认选中功能。如果你遇到具体的问题，可以根据上述建议进行排查和解决。