JavaScript获取Radio组的value值

关注

原创最新推荐文章于 2025-08-13 09:55:22 发布 1k 阅读 AI 写同款· GEO 优化 ›

<head runat="server">
<title>JS取Radio的值</title>
<script type="text/javascript">
--方法一
var getRadioValues = function()
{
var inputs = document.getElementsByTagName('input')
var values=""
for(i=0; i<inputs.length; i++)
{
obj = inputs[i];
t = obj.getAttribute("type");
if(t=='radio' && obj.checked)
{
v = obj.getAttribute("value");
values = v;
}
}
return values;
}
--方法二
function foo()
{
var inputs = document.getElementsByName("radio");
for(i=0;i<inputs.length;i++)
{
obj = inputs[i];
type = obj.getAttribute("type");
if(type=="radio"&&obj.checked)
{
alert(obj.getAttribute("value"));
}
}
}

</script>
</head>
<body>
<label><input type="radio" name="radio" value="1"/>移动</label>
<label><input type="radio" name="radio" value="2" />联通</label>
<label><input type="radio" name="radio" value="3" />电信</label>
<label><input type="radio" name="radio" value="4"/>网通</label>
<input type="button" onclick="alert(getRadioValues());" value="取值方法一" />
<input type="button" onclick="foo();" value="取值方法二" />
</body>
</html>

收录于