JavaScript简单判断复选框是否选中及取出值的方法


Posted in Javascript onAugust 13, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
jquery分页插件AmSetPager(自写)
Apr 15 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
Javascript连接多个数组不用concat来解决
Mar 24 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
jQuery中animate()方法用法实例
Dec 24 Javascript
js改变embed标签src值的方法
Apr 10 Javascript
纯javascript实现分页(两种方法)
Aug 26 Javascript
详解javascript传统方法实现异步校验
Jan 22 Javascript
angularjs中ng-attr的用法详解
Dec 31 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
javascript实现文本框标签验证的实例代码
Oct 14 Javascript
JavaScript实现将文本框的值插入指定位置的方法
Aug 13 #Javascript
JavaScript的jQuery库中function的存在和参数问题
Aug 13 #Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 #Javascript
深入学习JavaScript中的原型prototype
Aug 13 #Javascript
javascript获取本机操作系统类型的方法
Aug 13 #Javascript
javascript中offset、client、scroll的属性总结
Aug 13 #Javascript
用JavaScript实现PHP的urlencode与urldecode函数
Aug 13 #Javascript
You might like
图象函数中的中文显示
2006/10/09 PHP
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
php遍历目录viewDir函数
2009/12/15 PHP
php数组的一些常见操作汇总
2011/07/17 PHP
PHP无刷新上传文件实现代码
2011/09/19 PHP
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
php错误级别的设置方法
2013/06/17 PHP
测试PHP连接MYSQL成功与否的代码
2013/08/16 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
jQuery实现form表单reset按钮重置清空表单功能
2012/12/18 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
javascript中undefined与null的区别
2015/08/16 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
2016/11/09 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
2017/07/23 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
用C++封装MySQL的API的教程
2015/05/06 Python
一键搞定python连接mysql驱动有关问题(windows版本)
2016/04/23 Python
python批量制作雷达图的实现方法
2016/07/26 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
Python利用pandas计算多个CSV文件数据值的实例
2018/04/19 Python
5款Python程序员高频使用开发工具推荐
2019/04/10 Python
基于python实现百度翻译功能
2019/05/09 Python
在Python3 numpy中mean和average的区别详解
2019/08/24 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
美国女孩服装购物网站:Justice
2017/03/04 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
个人校本研修方案
2014/05/26 职场文书
体育专业求职信
2014/07/16 职场文书
大国崛起日本观后感
2015/06/02 职场文书
2019邀请函格式及范文
2019/05/20 职场文书