JavaScript简单判断复选框是否选中及取出值的方法
更新时间：2015年08月13日 11:05:46 作者：企鹅
这篇文章主要介绍了JavaScript简单判断复选框是否选中及取出值的方法,涉及javascript遍历复选框及元素取值的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JavaScript简单判断复选框是否选中及取出值的方法。分享给大家供大家参考。具体如下：
这里使用JavaScript 获取复选框的值，有朋友在刚开始利用表单提交数据的时候，一般都会遇到表单中有一个特别的元素——复选框，判断它是否选中以及获取它的值 ，好像跟其它的表单元素有点不一样，本代码将为您展示如何获取复选框的值并判断是否被选中。
运行效果如下图所示：
具体代码如下：
<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
}
}
if(chestr == "")
{
alert("请先选择复选框～！");
}
else
{
alert("复选框的值是："+chestr);
}
}
</script>
选择您的拿手技术：
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
本文总结了"异步模式"编程的4种方法，理解它们可以让你写出结构更合理、性能更出色、维护更方便的Javascript程序2013-01-01
这篇文章主要介绍了node.js Web应用框架Express入门指南,从安装到各种技术的应用,都进行了讲解,是一篇不错的Express入门教程,需要的朋友可以参考下2014-05-05
在 JS 编程中,正确判断数据类型是必备技能,也是面试常问的内，本文将探讨四种常用的数据类型判断方法，通过了解它们的特点和适用范围,能够更好地处理不同数据类型的情况,避免出现错误和提升代码质量,需要的朋友可以参考下2023-06-06
本节主要介绍了用javascript对一个json数组深度赋值的具体实现，需要的朋友可以参考下2014-07-07
js 通用javascript函数库整理，学习js的朋友可以参考下。2011-08-08
关于超出一定字数用省略号显示的问题，这种要求在我们日常开发的时候经常见到，我们之前基本都是用CSS来完成的，今天给大家分享个Javascript实现这个功能的示例代码，有需要的可以参考借鉴。2016-09-09
这篇文章主要介绍了RequireJS多页面应用实例分析的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了前端流式输出的三种实现方法,流式输出在前端开发中用于逐步处理和显示数据,特别是对于大型数据集和实时数据,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
在这篇文章中,我们详细介绍了 ElementUI 的 el-switch 组件,从基本用法到高级应用,以及其背后的实现原理,需要的朋友可以参考下2024-08-08
本文主要介绍了JS实现复制功能的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
最新评论