TUTORIALFrontendFETCHED
Radio type 属性
Radio type 属性 Radio 对象 定义和用法 type 属性可返回单选按钮的表单元素类型。 对于单选按钮，该属性总是 'radio'。 语法 radioObject.type 浏览器支持 所有主要浏览器都支持 type 属性 实例 实例 下面的例子可返回单选按钮的表单元素类型： [mycode2] 菜鸟教程(runoob.com) function displayRes..
Updated 7/16/2026
Tutorial detail pages default to noindex.
Radio type 属性
Radio 对象
定义和用法
type 属性可返回单选按钮的表单元素类型。
对于单选按钮，该属性总是 "radio"。
语法
radioObject.type
浏览器支持
所有主要浏览器都支持 type 属性
实例
实例
下面的例子可返回单选按钮的表单元素类型：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").type;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red">红色<br>
<input type="radio" name="colors" id="blue">蓝色<br>
<input type="radio" name="colors" id="green">绿色
</form>
<button type="button" onclick="displayResult()">显示 input 类型</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").type;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red">红色<br>
<input type="radio" name="colors" id="blue">蓝色<br>
<input type="radio" name="colors" id="green">绿色
</form>
<button type="button" onclick="displayResult()">显示 input 类型</button>
</body>
</html>
尝试一下 »
Radio 对象