用 Javascript 验证表单(form)中多选框(checkbox)值
发布时间：2024-04-10 10:39:14
标签：form,多选框,checkbox
本文介绍了一个较为通用的获取 checkbox 值的方法，希望对新手有用。
<script type="text/javascript">
// 说明： 用 Javascript 验证表单（form）中多选框（checkbox）的值
// 作者： CodeBit
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) == '')
{ ...... }
根据判断结果执行你想要的操作。
0
投稿猜你喜欢
效果如下：（动态效果可复制代码查看，案例中的图片可自行选择添加）代码如下：<!DOCTYPE html><html lan- 对dataframe绘图并保存：ax = df.plot() fig = ax.get_figure()fig.savefig('f
- Expires 属性 Expires 属性指定了在浏览器上缓冲存储的页距过期还有多少时间。如果用户在某个页过期之前又回到此页，就会显示缓冲区
- 本期我们将展示一种对路面类型和质量进行分类的方法及其步骤。为了测试这种方法，我们使用了我们制作的RTK数据集。路面分类该数据集[1]包含用低
- FileField中的upload_to属性可以设定上传文件的存储目录和名称，它可以是个字符串，也可以是个callable，比如一个方法。当
- 字符串格式化里的符号很多，本文详细的介绍一下，以便随时查找。％s :字符串的格式化，也是最常用的％d :格式化整数，也比较常用％c :格式化
- 俄罗斯方块，一个很有趣的一个小游戏，此次基于html+css+javaScript实现，包含在一个方块落地后自动生成方块、操控方块的移动以及
- 本文实例讲述了django框架模型层功能、组成与用法。分享给大家供大家参考，具体如下：Django models是Django框架自定义的一
- GreatSQL社区原创内容未经授权不得随意使用，转载请联系小编并注明来源。GreatSQL是MySQL的国产分支版本，使用上与MySQL一
- 用科讯CMS“分页显示(专题)文章列表标签”，可以在栏目文章列表下面产生一个页码行。从图可以看出，这段DIV，还需要CSS修饰，但是查看Ht
- 一、简介 transitions库pip install transitions状态机 state：状态节点transition：
- python脚本替换指定行实现步骤 本文主要介
- 上一篇我们写了怎么将xmind转换成想要的excel格式，这篇再讲一下用Python自带的tkinter库设计一个简单的gui界面，让我们的
- 概念所有Python的对象都是扩展的PyObject，python的垃圾回收机制是计算引用，这个对象中定义了py_ssize就是用来做这个事
- 如何用SQLMail建立一个电子刊物自动处理系统？下面我们用SQLMail来做一个电子刊物自动处理系统。在这个系统中，主要实现两个功能：1、
- 学习器在测试集上的误差我们通常称作“泛化误差”。要想得到“泛化误差”首先得将数据集划分为训练集和测试集。那么怎么划分呢？常用的方法有两种，k
- 在上一篇文章中实现了树莓派下对摄像头的调用，有兴趣的可以看一下：python+opencv实现摄像头调用的方法接下来，我们将使用python
- 本篇文章将讨论使用 Python 中的四种不同方法来使用、管理秒并将其转换为天、小时、分钟和秒。现在，让我们开始讨论这些方法并在一些示例中使
- 引言数组是存储类似类型数据的强大数据结构。您可以通过索引识别和访问其中的元素。在Golang中，您可以通过在0初始化变量i并增加变量直到它达
- 博主做过比较多项目的archive脚本编写，对于这种删除数据的脚本开发，肯定是一开始的话用最简单的一个delete语句，然后由于部分表数据量
