如何用JavaScript取得Radio被选中的值

最新推荐文章于 2019-05-11 18:15:00 发布

enjoyo

最新推荐文章于 2019-05-11 18:15:00 发布

阅读量5.7k

点赞数

分类专栏： Web开发文章标签： javascript radiobutton web开发 input function xhtml

本文链接：https://blog.csdn.net/enjoyo/article/details/1700228

版权

Web开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

六年之前我在做Web，三年之前我厌烦了Web开发，最近有重新拾起Web开发，竟然忘了怎么去Radio的值，呵呵。
document.getElementById("radioName") .value竟然行不通，google一下才知道不是这么写。

下面是示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function   getRadioBoxValue(radioName)
{
            var obj = document.getElementsByName(radioName);
            for(i   =   0;   i   <   obj.length;   i++)    {
                if(obj[i].checked)    {
                        return   obj[i].value;
                }
            }
             return "undefined";
}

    function abc(){
        var    a = getRadioBoxValue("radiobutton");
        alert(a);
    }
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="radio" name="radiobutton" value="aa" />
aa</label>
<label>
<input type="radio" name="radiobutton" value="bbb" checked/>
bbb</label>
<label>
<input type="radio" name="radiobutton" value="ccc" />
ccc</label>

<input type="submit" name="Submit" value="提交" οnclick="abc()"/>

</form>
</body>
</html>

enjoyo

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何用JavaScript取得Radio被选中的值

六年之前我在做Web，三年之前我厌烦了Web开发，最近有重新拾起Web开发，竟然忘了怎么去Radio的值，呵呵。 document.getElementById("radioName") .value竟然行不通，google一下才知道不是这么写。下面是示例：无标题文档function getRadioBoxValue(radioName) { var obj
复制链接

扫一扫