js checkbox 的使用(取值、赋值、判断是否选中)
warning:
这篇文章距离上次修改已过204天,其中的内容可能已经有所变动。
在JavaScript中,可以通过以下方式来使用checkbox:
- 获取checkbox的值:
var checkbox = document.getElementById('myCheckbox');
var value = checkbox.checked; // 返回true或false
- 设置checkbox的值:
var checkbox = document.getElementById('myCheckbox');
checkbox.checked = true; // 设置为选中状态
// 或者
checkbox.checked = false; // 设置为未选中状态
- 判断checkbox是否被选中:
var checkbox = document.getElementById('myCheckbox');
if (checkbox.checked) {
// checkbox是选中状态的代码
} else {
// checkbox是未选中状态的代码
}
- 获取多个checkbox是否被选中,可以使用
querySelectorAll
和forEach
:
document.querySelectorAll('.myCheckboxes').forEach(function(checkbox) {
if (checkbox.checked) {
// checkbox是选中状态的代码
} else {
// checkbox是未选中状态的代码
}
});
- 设置多个checkbox为同一个值:
document.querySelectorAll('.myCheckboxes').forEach(function(checkbox) {
checkbox.checked = true; // 或者false
});
以上代码假设你的HTML中有一个checkbox元素,其ID为myCheckbox
,或者它们有一个共同的class为myCheckboxes
。
评论已关闭