用 Javascript 验证表单(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) == '')
{ ...... }

根据判断结果执行你想要的操作。

时间: 2024-12-02 19:34:09

用 Javascript 验证表单(form)中多选框(checkbox)值_表单特效的相关文章

javascript 遍历验证所有文本框的值_表单特效

思路: 大家知道文本框input的type为text,所有我们只要遍历所有input,判断其type是否为text,然后再判断指定字段的值即可达到要求 具体代码如下: 复制代码 代码如下: var aa = document.getElementsByTagName("input"); var bb = 0; for(var i=0;i<aa.length;i++) { var avalue = aa[i].value; var atype = aa[i].type; if(at

javascript 单选框,多选框美化代码_表单特效

crir = {     init: function() {         arrLabels = document.getElementsByTagName('label');         searchLabels:         for (var i=0; i<arrLabels.length; i++) {                         // get the input element based on the for attribute of the labe

取得input元素中部分选中(selected)的值_表单特效

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

js checkbox(复选框) 使用集锦_表单特效

function selectAll() //全选 { var objs = document.getElementsByName('twId'); var i; for(i = 0; i < objs.length; i++) { if(objs[i].type == "checkbox") { objs[i].checked = true; } } } function unselect() //反选 { var objs = document.getElementsByNa

JavaScript判断表单中多选框checkbox选中个数的方法_javascript技巧

本文实例讲述了JavaScript判断表单中多选框checkbox选中个数的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript检测并判断出表单中多选框的选中个数,也就是checkbox被选择了多少,在以前,这个问题经常被各大论坛问到,因为检测checkbox不像检测输入框那么简单,尤其是判断个数也经常会遇到,所以说觉得这个Js代码还是很有用的,大家有兴趣的再完善一下. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ch

PHP获取表单所有复选框的值的方法_php技巧

通常来说,php中总是只获取最后一个复选框的值,那么如何才能获取所有复选框的值? 解决办法如下: form表单的部分代码如下: <input type="checkbox" name="frm_tag[]" value="1">1 <input type="checkbox" name="frm_tag[]" value="2">2 <input type=

获取input表签的值-在webbrowser控件中获取文本框的值

问题描述 在webbrowser控件中获取文本框的值 复制授权码 请问高手们怎么才能获取到input标签的值呢 相关文章 javaweb-value为空,如何获取文本框的值? javascript-在js中 如何用Jquery 获取一个文本框中的值 文本框中ID=A js文本框-js获取文本框的值,有默认值 javascript-如何获取HTML网页密码输入框的值? jquery怎么让循环的两个文本框的值相加 servlet-想通过href链接传递文本框的值,该怎么得到文本框的值 textbox

dhATV4做成表单提交形式的时候怎么得到复选框的值

问题描述 dhATV4如何给复选框赋上节点的atid值?dhATV4做成表单提交形式的时候怎么得到复选框的值?还有就是选择父级的复选框如何能同时得到子级的值? 解决方案 解决方案二:该回复于2009-06-22 09:28:08被版主删除

jsp中获取多个checkbox值并写入数据库??急

问题描述 我想做个简单的点名系统,两个字段:姓名.签到,其中签到是复选框,到的勾上,没到的不打勾,然后将这些记录到数据库中,问题是怎样获取多个复选框的值并写入数据库,请高手们指点下,最好具体点,谢谢啦!!! 解决方案 解决方案二:取多个复选框中选中的值for(inti=0;i<checkedListBox1.CheckedItems.Count;i++){levle=levle+checkedListBox1.CheckedItems[i].ToString()+"|";}解决方