javascript 怎么获得单选框值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 怎么获得单选框值相关的知识,希望对你有一定的参考价值。

1、 给单选框设置相应的 name

2、 获取所有的单选框,循环判断,示例代码如下:

// 获取指定 name 的单选框的值
function getValueForRadio(name) 
    // 获取所有的 input 元素
    var nodes = document.getElementsByTagName('input');
    // 循环判断
    for (var i=0; i<nodes.length; i++) 
        // 如果类型是 radio,name 也符合要求,而且也被选中了
        if (nodes[i].type==='radio' && nodes[i].name===name && nodes[i].checked) 
            //返回相应的值
            return nodes[i].value;
        
    

3、 在你需要的地方,用合适的参数调用上面的函数 getValueForRadio 即可。



以上,请采纳,请给分。

参考技术A 例:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function test1()
alert(document.form1.radiobutton[0].value);
function test2()
alert(document.form1.radiobutton[1].value);
</script>
</head>
<body>
<form name="form1" method="post" action="">
<input type="radio" name="radiobutton" value="测试按钮一的值" onClick="test1()" >
<input type="radio" name="radiobutton" value="测试按钮二的值" onClick="test2()">
</form>
</body>
</html>本回答被提问者和网友采纳

以上是关于javascript 怎么获得单选框值的主要内容,如果未能解决你的问题,请参考以下文章

jquery 如何获取单选框的值?

jquery 怎样获得选中的ztree项

怎用jquery获取下拉菜单当前选中的值? $("#id").val(); 这个只能获取第一个?求解答????

ElementUI 将table多选框改为单选框的解决办法

基于复选框选中/未选中的文本框值

jquery中怎么设置一个radio为选中状态