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