javascript 复选框checked=checked无效问题
时间: 2023-07-15 10:09:50 浏览: 171
在 JavaScript 中,设置一个复选框被选中的方式有两种。第一种方式是使用 `checked` 属性,将其设置为 `true` 或 `false`。第二种方式是使用 `setAttribute` 方法,将 `checked` 属性设置为 `checked`。
如果你尝试使用第一种方式设置 `checked` 属性,但却发现它无效,可能是因为你没有正确获取到该复选框的引用。你需要使用 `document.getElementById()` 方法获取该复选框的引用,并确保引用正确。
以下是一个示例代码,演示如何使用 `checked` 属性设置复选框被选中:
```html
<input type="checkbox" id="myCheckbox">
<button onclick="checkMyCheckbox()">Check the checkbox</button>
<script>
function checkMyCheckbox() {
var checkbox = document.getElementById("myCheckbox");
checkbox.checked = true;
}
</script>
```
如果你尝试使用以上代码,但发现复选框未被选中,那么你可以尝试使用第二种方式,即使用 `setAttribute` 方法来设置 `checked` 属性:
```html
<input type="checkbox" id="myCheckbox">
<button onclick="checkMyCheckbox()">Check the checkbox</button>
<script>
function checkMyCheckbox() {
var checkbox = document.getElementById("myCheckbox");
checkbox.setAttribute("checked", "checked");
}
</script>
```
以上代码应该可以正常工作,并将复选框设置为被选中状态。
阅读全文