Input Radio checked 屬性

HTML DOM Input Radio 對象

定義和用法

checked 屬性設置或返回單選按鈕的選中狀態。

此屬性反映 HTML checked 屬性。

另請參閱：

HTML 參考手冊：HTML <input> checked 屬性

實例

例子 1

選中并取消選中指定的單選按鈕：

function check() {
  document.getElementById("red").checked = true;
}
function uncheck() {
  document.getElementById("red").checked = false;
}

親自試一試

例子 2

查看單選按鈕是否被選中：

var x = document.getElementById("myRadio").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 屬性：

radioObject.checked

設置 checked 屬性：

radioObject.checked = true|false

屬性值

值 描述
true|false

規定是否應選中單選按鈕。

  • true - 單選按鈕被選中
  • false - 默認。未選中單選按鈕

技術細節

返回值： 布爾值，如果單選按鈕被選中則返回 true；否則返回 false。

瀏覽器支持

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

HTML DOM Input Radio 對象