js中,请问如何获取radio值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中,请问如何获取radio值相关的知识,希望对你有一定的参考价值。

    js获取radio值的步骤如下:

    <script language="javascript">
    function validateadd()

    var New=document.getElementsByName("New");
    var strNew;
    for(var i=0;i<New.length;i++)

    if(New.item(i).checked)
    strNew=New.item(i).getAttribute("value");
    break;
    else
    continue;


    if(strNew=="否")

    alert("商品必须为新品!");
    return false;



    </script>

    Radio 对象代表 html 表单中的单选按钮。

    在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建。

    单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。

    当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。

参考技术A <input type="radio" name="radioname" value="ALL" checked/>全部
<input type="radio" name="radioname" value="Y" />是
<input type="radio" name="radioname" value="N" />否
js:
var radioValue = getRadioValue("radioname");
function getRadioValue(radioName)
    var radios = document.getElementsByName(radioName);
    var value;
    for(var i=0;i<radios.length;i++)
        if(radios[i].checked)
            value = radios[i].value;
            break;
        
    
    return value;


jq:
var radioValue = $('input:radio[name="radioname"]:checked').val();

本回答被提问者采纳
参考技术B 这个结果是你的代码问题呀,页面内通常不能有2个重复的id,如果重复会取第一个id的对象。所以一直都是0;可以这样写 <input type="radio" id="radios" name="radios" value="1" onclick="Permissions(this)">
function Permissions(obj)
alert(obj.value);

参考技术C <HTML>
<HEAD>
<TITLE> 可用鼠标拖动的层 </TITLE>
</HEAD>

<BODY>
<input name="q" type="radio" value="a" checked />
<input name="q" type="radio" value="b" />
<input name="q" type="radio" value="c" />
<script>
var $ = function(x)return document.getElementById(x)
var set = function()
var obj = document.getElementsByTagName('input');
for(var i=0;i<obj.length;i++)
obj[i].onclick = function()
alert(this.value)



set();
</script>

</BODY><HTML>
参考技术D <html>
<head>
<script type="text/javascript" language="javascript">
function Foo()
var selectedIndex = -1;
var form1 = document.getElementById("form1");
var i = 0;
for (i=0; i<form1.q.length; i++)
if (form1.q[i].checked)
selectedIndex = i;
alert("您选择项的 value 是:" + form1.q[i].value);
break;


if (selectedIndex < 0) alert("您没有选择任何项"); </script>
</head>
<body>
<form id="form1" action="" method="">
<input type="radio" name="q" value="a" checked>
<input type="radio" name="q" value="b">
<input type="radio" name="q" value="c"> <br/>
<input type="button" value="检查选择项" onclick="Foo()">
</form>
</body>
</html>

react.js 下获取各种input控件的值 radio、checkbox等

参考技术A 1、在react中可以给输入控件(如input type=text)加上引用名,好获取它的输入值
例如:

2、<textarea >控件,它和input不同,它是开标签,内容是包括在<textarea >和</textarea>之间的。如果需要获取<textarea >的值,同样可以用ref来获取
例如:

注意:这里log出来的是页面用户输入后的最终文字。

3、单选radio和多选checkbox,获取它们的值最好还是用一个公共变量如state来保存,因为它们的值只能在触发事件中获取,不像text控件可以后期提交时获取。初始值可以通过 defaultChecked=true 来设置。

radio例子:

如果是checkbox,用div包住不合适,因为div每次点击只能获取点击一次的值。所以checkbox需要写到每个checkbox 控件里面的onChange或onClick事件。可以通过一个state的数组来存储变更。checkbox例子:

以上是关于js中,请问如何获取radio值的主要内容,如果未能解决你的问题,请参考以下文章

如何使用Jquery获取Form表单中被选中的radio值

JSP中如何获取radio 或checkbox的值

jQuery如何获取选中单选按钮radio的值

JavaScript中获取radio的值

JSP中读取的radio值为啥是on?

JSP中怎样获取radio的值