JavaScript获取Radio组的value值

最新推荐文章于 2022-02-25 10:50:11 发布

iteye_18218

最新推荐文章于 2022-02-25 10:50:11 发布

阅读量941

点赞数

分类专栏： JS 文章标签： JavaScript 电信 ViewUI

本文链接：https://blog.csdn.net/iteye_18218/article/details/81925396

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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" οnclick="alert(getRadioValues());" value="取值方法一" />
<input type="button" οnclick="foo();" value="取值方法二" />
</body>
</html>