输入单选按钮 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 = "您点了一杯咖啡,配料为: " + txt;
亲自尝试 »
相关页面
HTML 参考资料: HTML <input> checked 属性
❮ 输入单选按钮对象