用 Javascript 验证表单(form)中的单选(radio)值
时间:2024-04-10 10:39:21
本文介绍了一个较为通用的获取 radio 值的方法,希望对新手有用。
<script type="text/javascript">
// 说明: 用 Javascript 验证表单(form)中的单选(radio)值
// 作者: CodeBit
function getRadioValue(radio)
{
if (!radio.length && radio.type.toLowerCase() == 'radio')
{ return (radio.checked)?radio.value:''; }
if (radio[0].tagName.toLowerCase() != 'input' ||
radio[0].type.toLowerCase() != 'radio')
{ return ''; }
var len = radio.length;
for(i=0; i<len; i++)
{
if (radio[i].checked)
{
return radio[i].value;
}
}
return '';
}
</script>
radio 和 checkbox 一样,都是 name 相同,值有多个,在获取 radio 值的时候,我们不能按照普通文本框 .value 的方式,而是要判断哪个被选中了。
当一组 radio 有多个选项时,我们可以通过循环,以 radio[i] 的方式判断某个选项是否被选中来返回值,但是当一组 radio 只有一个选项时,获取值的方式又有变化,代码中以 return (radio.checked)?radio.value:''; 这样的方式直接判断是否选中,然后返回对应值。
上面的代码传入的参数是 radio 对象,如:
var radioTest = document.forms['testForm'].elements['radioTest'];
if (getRadioValue(radioTest) == '')
{ ...... }
根据判断结果执行你想要的操作。
标签:form,单选,radio
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
如何让python的运行速度得到提升
2023-04-26 21:48:35
ASP--IP字段截取
2009-05-26 15:47:00
如何让12px以下的文字最佳显示
2008-01-24 18:39:00
js 动态加载事件的几种方法总结
2024-04-22 22:24:42
python实现CTC以及案例讲解
2023-04-18 22:04:13
![](https://img.aspxhome.com/file/2023/6/92176_0s.png)
python线程定时器Timer实现原理解析
2022-01-08 20:25:36
如何根据用户银行帐户余额的多少进行显式的提交或终止?
2009-11-22 19:28:00
django views重定向到带参数的url
2023-08-18 14:56:47
Java操作MongoDB数据库示例分享
2023-06-30 11:25:03
详解python tkinter模块安装过程
2021-05-18 04:19:38
Javascript 两个窗体之间传值实现代码
2024-04-22 22:31:11
用PHP编写和读取XML的几种方式
2023-11-18 22:30:27
详解Python如何在多层循环中使用break/continue
2023-01-21 14:50:19
![](https://img.aspxhome.com/file/2023/7/115657_0s.png)
sql to sqlalchemy 转换的小例子
2024-01-22 10:50:39
Python通过for循环理解迭代器和生成器实例详解
2022-08-23 14:34:59
Go routine调度详解
2024-05-10 10:57:57
![](https://img.aspxhome.com/file/2023/9/128669_0s.jpg)
使用Django框架创建项目
2023-02-14 10:30:25
![](https://img.aspxhome.com/file/2023/4/105434_0s.png)
xml文件调用css
2008-09-05 17:12:00
MySQL查询重写插件的使用
2024-01-27 15:55:58
![](https://img.aspxhome.com/file/2023/6/121546_0s.jpg)
基于pdf2docx模块Python实现批量将PDF转Word文档的完整代码教程
2022-06-24 15:55:02
![](https://img.aspxhome.com/file/2023/4/99024_0s.jpg)