javascript中获取radio的值

author author     2023-04-02     520

关键词:

单选按钮的代码如下:
<body>
<input name="q" type="radio" value="a" checked />
<input name="q" type="radio" value="b" />
<input name="q" type="radio" value="c" />
</body>
要求很简单,就是取出value的值。用于switch语句。
能用document.write();显示出也行,不要网上的if语句。
由于要实现功能特殊,请不要在input 后添加事件,可以再外层的form中添加。

1、radio为单选按钮,一般单选按钮有多个可供选择的项,而只能选择一个,比如男、女
2、那么给radio标签里面设定一个id或者class属性
3、在js里面,可以通过checked这个属性来判断哪一个radio标签被选择,
4、这样就可以获取到radio标签的值,然后根据标签的值进行判断,保存/插入数据库等操作
参考技术A <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>
参考技术B <body>
<form name="abc">
<input name="q" type="radio" value="a" checked />
<input name="q" type="radio" value="b" />
<input name="q" type="radio" value="c" />
</body>

document.write(abc.q);本回答被提问者采纳
参考技术C function getRadioValue(radioName)

var radios = document.getElementsByName(radioName);
if(!radios)
return '';
for (var i = 0; i < radios.length; i++)

if (radios[i].checked)
return radios[i].value;

return '';
参考技术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>

javascript获取被选中的单选按钮的值

//根据指定的Name值获取相应被选中的radio值functionGetRadioValue(_radioName){varradios=document.getElementsByName(_radioName);for(vari=0;i<radios.length;i++){if(radios[i].checked){returnradios[i].value;}}}假设页面上有多个& 查看详情

如何通过值让radiobox被选中

比如说,1我就让aradiobox被选中0,就让bradiobox被选中在JavaScript中写代码网上很多是选中了之后得到值,这样反过来就很少了。参考技术A使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取... 查看详情

js怎么获取radio的值

..."method="post"action="add_deal.jsp"onsubmit="javaScript:returnvalidateadd();">点击按钮后怎么获取radio的值,比如说不能选择否<scriptlanguage="javascript">functionvalidateadd()varNew=document.getEle 查看详情

jquery怎么获取radio的值

实例1:获取一组单选按钮对象:varobj_payPlatform=$('#wrapinput[name="payMethod"]');获取被选中按钮的值:varval_payPlatform=$('#wrapinput[name="payMethod"]:checked').val();实例2:使用jquery获取radio的值,最重要的是掌握jquery选... 查看详情

如何在 Reactjs 中获取单选按钮(react-radio-buttons)的值?

】如何在Reactjs中获取单选按钮(react-radio-buttons)的值?【英文标题】:HowdoIgetthevalueofRadiobutton(react-radio-buttons)inReactjs?【发布时间】:2018-03-2512:55:32【问题描述】:如何获取单选按钮的值,如果我在RadioGroup中调用updateRadioButton会... 查看详情

jsp中如何获取radio或checkbox的值

JSP中如何获取radio或checkbox的值额,,说个最简单的。<inputtype="radio"value="男"/><inputtype="radio"value="女"/>如何在页面中使用request.getParameter();获取选中的值呢。?1、首先新建一个html文件,命名... 查看详情

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

参考技术AjQuery获取选中单选按钮radio的值的具体操作步骤如下:1、获得选中radio的值以及获取所有radio的值的代码如图。2、然后我们打开浏览器控制台查看结果。3、根据一下代码获取选中radio的值。4、然后我们在浏览器控制台... 查看详情

layui获取radio的值

varOutInvoiceType=$(‘#OutInvoiceTypeinput[checked]‘).val();  就可以获取到了。 查看详情

jsp中怎样获取radio的值

我用JSP写了一个简单页面(search.jsp),包括一个text,一个submit,三个radio。然后在text输入字符串,然后根据radio的不同做不同的处理。返回的是同一个页面。代码如下:<i><%@pagelanguage="java"import="java.util.*"%&g... 查看详情

获取单选框的值

...efor="woman"style="color:#666666">女</lable><scripttype="text/javascript"> functionss() varvv=$(‘input:radio:checked‘).val() console.log(vv) functionuu() varvv=$(‘input:radio:checked‘).val() console.log(vv) </script></body> 查看详情

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

...react中可以给输入控件(如inputtype=text)加上引用名,好获取它的输入值例如:2、<textarea>控件,它和input不同,它是开标签,内容是包括在<textarea>和</textarea>之间的。如果需要获取<textarea>的值,同样可以用ref来... 查看详情

javascript获取选定的html单选按钮输入的值[重复]

】javascript获取选定的html单选按钮输入的值[重复]【英文标题】:javascriptgetvalueofhtmlradiobuttoninputselected[duplicate]【发布时间】:2016-09-2000:52:12【问题描述】:我有一个像这样的简单表格:<formid="formSearch"><label><inputtype="ra... 查看详情

jquery,radio改变事件,radio获取选中的值(代码片段)

//change事件$(‘input[type=radio][name=type]‘).change(function()if(this.value==‘1‘)$(‘.jump-item‘).show();elseif(this.value==‘2‘||this.value==‘3‘)$(‘.jump-item‘).hide(););//获取默认值lettype=$(‘input[ty 查看详情

如何在html中获取被选中的radio的值

一般来说,就是使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值.1:找出网页中所有控件的name为"rdPort" 的控件,再遍历判断varip="";varrPort=document.all.rdPort;for(i=0;i<rPort.length;i++)if(rPort[i].checked)ip=rPort[i].value... 查看详情

php中怎样获取radio单选框的值

html代码:<form action="index.php" method="post"><!--get方法也是可以的--!>    <input type="radio" name="sex" value="f"> 女    <input type="r... 查看详情

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:1.<inputtype="radio"name="testradio"value="jquery获取radio的值"/>jque... 查看详情

js获取radio属性的值

...;inputtype=submitvalue="提交"></form><script   type="text/javascript">function   check(formObj)      for(var   i=0;i<formObj.a.length;i++)             查看详情

jsp获取radio的值

我现在在jsp中这样一个radio:<inputtype="radio"name="keyMan"value=""/>是<inputtype="radio"name="keyMan"value=""/>否我在后台返回一个“是”,请问我怎么在页面上显示选择在是上?首先你的代... 查看详情