Input Checkbox checked 属性

HTML DOM Input Checkbox 对象

定义和用法

checked 属性设置或返回复选框的选中状态。

此属性反映 HTML checked 属性。

另请参阅：

HTML 参考手册：HTML <input> checked 属性

实例

例子 1

设置复选框的选中状态：

function check() {
    document.getElementById("myCheck").checked = true;
}

function uncheck() {
    document.getElementById("myCheck").checked = false;
}

亲自试一试

例子 2

查看是否选中了复选框：

var x = document.getElementById("myCheck").checked;

亲自试一试

例子 3

使用复选框将输入字段中的文本转换为大写：

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

亲自试一试

例子 4

表单中的几个复选框：

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "您点的咖啡加了：" + txt;

亲自试一试

语法

返回 checked 属性：

checkboxObject.checked

设置 checked 属性：

checkboxObject.checked = true|false

属性值

值 描述
true|false

规定是否应选中复选框。

  • true - 复选框被选中
  • false - 默认。复选框未选中

技术细节

返回值： 布尔值，如果选中复选框，则返回 true，如果未选中复选框，则返回 false。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Input Checkbox 对象