Input 复选框 checked 属性
示例
设置复选框的选中状态
function check() {
document.getElementById("myCheck").checked = true;
}
function uncheck() {
document.getElementById("myCheck").checked = false;
}
自己动手试一试 »
描述
checked 属性设置或返回复选框的选中状态。
此属性反映了 HTML 的 checked 属性。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
checked | 是 | 是 | 是 | 是 | 是 |
语法
返回 checked 属性
checkboxObject.checked
设置 checked 属性
checkboxObject.checked = true|false
属性值
值 | 描述 |
---|---|
true|false | 指定复选框是否应被选中。
|
技术详情
返回值 | 一个布尔值,如果复选框被选中,则返回 true;如果复选框未被选中,则返回 false。 |
---|
更多示例
示例
使用复选框将输入字段中的文本转换为大写
document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
自己动手试一试 »
示例
表单中的多个复选框
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 = "You ordered a coffee with: " + txt;
自己动手试一试 »
相关页面
HTML 参考: HTML <input> checked 属性
❮ Input 复选框对象