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 對象