js验证表单（form）中多选框（checkbox）值
作者：CodeBit.cn 来源：CodeBit.cn 时间：2008-03-18 13:39:00
和单选框一样，许多新手在用 Javascript 验证表单（form）中多选框（checkbox）的值时，都会遇到问题，原因是 checkbox 和普通的文本框在获取值的时候有很大不同，本文介绍了一个较为通用的获取 checkbox 值的方法，希望对新手有用。
<script type="text/javascript">
// 说明： 用 Javascript 验证表单（form）中多选框（checkbox）的值
// 作者： CodeBit.cn ( http://www.CodeBit.cn )
function getCheckboxValue(checkbox) {
if (!checkbox.length && checkbox.type.toLowerCase() == 'checkbox')
{ return (checkbox.checked)?checkbox.value:''; }
if (checkbox[0].tagName.toLowerCase() != 'input' || checkbox[0].type.toLowerCase() != 'checkbox')
{ return ''; }
var val = [];
var len = checkbox.length;
for(i=0; i<len; i++)
{
if (checkbox[i].checked)
{
val[val.length] = checkbox[i].value;
}
}
return (val.length)?val:'';
}
</script>
和 radio 一样，都是 name 相同，值有多个，在获取 checkbox 值的时候，我们不能按照普通文本框 .value 的方式，而是要判断哪个被选中了。
当一组 checkbox 有多个选项时，我们可以通过循环，以 checkbox[i] 的方式判断某个选项是否被选中来返回值，但是当一组 checkbox 只有一个选项时，获取值的方式又有变化，代码中以 (checkbox.checked)?checkbox.value:''; 的方式直接判断是否选中，然后返回对应值。
上面的代码传入的参数是 checkbox 对象，如：
var checkboxTest = document.forms['testForm'].elements['checkboxTest'];
if (getCheckboxValue(checkboxTest) == '')
{ ...... }
根据判断结果执行你想要的操作。
代码演示：
标签：多选框,checkbox,javascript,表单,form
0
投稿猜你喜欢
Pyqt QImage 与 np array 转换方法
2022-01-03 01:18:53
python爬虫实例详解
2021-07-05 01:37:53
Python3 中return和yield的区别
2023-10-19 09:03:00
解决MySQL5.7安装后没有data文件夹无法登录的问题
2024-01-14 21:39:50
python使用mailbox打印电子邮件的方法
2023-09-05 10:15:30
Python实现C#代码生成器应用服务于Unity示例解析
2023-01-18 00:33:44
Python更换pip源方法过程解析
2022-01-20 08:00:58
asp.net 上传下载输出二进制流实现代码
2023-06-28 16:06:05
oracle应用程序实现打包 的方法
2009-03-02 10:32:00
在Django中预防CSRF攻击的操作
2023-11-11 15:55:13
ORACLE数据库空间整理心得
2010-07-16 13:33:00
django主动抛出403异常的方法详解
2023-03-28 17:40:10
检测你的SQL Server是否有特洛伊木马
2009-02-05 15:58:00
Httprunner简介、安装及基本使用教程
2022-07-13 01:52:52
MySql常用命令总结
2009-09-16 10:51:00
iis、apache与nginx禁止目录执行asp、php脚本的实现方法
2023-10-14 11:30:26
Python爬虫获取基金净值信息详情
2022-04-23 07:53:42
使用Python中PIL库给图片添加文本水印
2021-09-07 19:09:52
python pexpect ssh 远程登录服务器的方法
2021-07-10 22:28:53
Python爬取豆瓣视频信息代码实例
2021-10-28 06:41:46
