正文

JS中设置checkbox默认勾选的方法如下： 1. 在HTML中设置checkbox的`checked`属性： ```html ``` 2. 使用JavaScript动态设置： ```javascript // 获取checkbox元素

/0 浏览量
1102

在构建交互式网页时，Checkbox（复选框）是一个常用的元素，它允许用户选择一个或多个选项。有时候，你可能需要在页面加载时让Checkbox默认处于勾选状态。以下是一些在JavaScript中实现这一功能的方法。

方法一：直接在HTML中设置checked属性

这是最简单直接的方法。你只需要在HTML标签中添加checked属性即可。以下是一个例子：

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

在这个例子中，无论何时加载这个页面，myCheckbox都会默认被勾选。

方法二：使用JavaScript动态设置

如果你希望在页面加载后通过JavaScript来设置Checkbox的勾选状态，你可以使用以下代码：

// 获取checkbox元素
var checkbox = document.getElementById("myCheckbox");

// 设置checkbox为勾选状态
checkbox.checked = true;

这段代码首先通过getElementById方法获取到页面中的Checkbox元素，然后将checked属性设置为true，使其默认勾选。

方法三：在页面加载后设置

有时候，你可能需要在页面加载完成后执行某些操作。这时，你可以使用window.onload事件或者jQuery库中的$(document).ready()函数。以下是如何使用这两种方法：

使用window.onload

window.onload = function() {
    var checkbox = document.getElementById("myCheckbox");
    checkbox.checked = true;
}

这段代码会在整个页面加载完成后执行，确保Checkbox在页面加载时被勾选。

使用jQuery

如果你使用了jQuery库，可以使用以下代码：

$(document).ready(function() {
    $("#myCheckbox").prop("checked", true);
});

jQuery的prop方法可以用来设置或获取属性值，这里我们用它来将Checkbox的checked属性设置为true。

总结

通过上述方法，你可以轻松地在JavaScript中设置Checkbox的默认勾选状态。选择哪种方法取决于你的具体需求和偏好。如果你只是想要一个简单的默认勾选，直接在HTML中设置checked属性可能就足够了。如果你需要在页面加载后动态设置，那么使用JavaScript或者jQuery将是更好的选择。

-- 展开阅读全文 --