js checkbox 的使用(取值、赋值、判断是否选中)
warning:
这篇文章距离上次修改已过455天,其中的内容可能已经有所变动。
在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。
评论已关闭