Input 单选按钮 checked 属性
示例
检查和取消选中特定的单选按钮
function check() {
document.getElementById("red").checked = true;
}
function uncheck() {
document.getElementById("red").checked = false;
}
自己动手试一试 »
描述
checked 属性设置或返回单选按钮的选中状态。
此属性反映了 HTML 的 checked 属性。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| checked | 是 | 是 | 是 | 是 | 是 |
语法
返回 checked 属性
radioObject.checked
设置 checked 属性
radioObject.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 单选按钮对象
