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 相关文章推荐
List Installed Hot Fixes
Jun 12 Javascript
js replace替换所有匹配的字符串
Feb 13 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
Sep 06 Javascript
jQuery打字效果实现方法(附demo源码下载)
Dec 18 Javascript
Javascript之Math对象详解
Jun 07 Javascript
使用jQuery给input标签设置默认值
Jun 20 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
微信小程序中吸底按钮适配iPhone X方案
Nov 29 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
Jul 04 Javascript
javascript实现时钟动画
Dec 03 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
转PHP手册及PHP编程标准
2006/12/17 PHP
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
2016/09/23 PHP
Mozilla中显示textarea中选择的文字
2006/09/07 Javascript
jquery实现个人中心导航菜单效果和美观都非常不错
2014/09/02 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
微信和qq时间格式模板实例详解
2016/10/21 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
vue.js开发环境搭建教程
2017/05/04 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
2020/07/19 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
[02:29]大剑、皮鞭、女装,这届DOTA2勇士令状里都有
2020/07/17 DOTA
python搭建简易服务器分析与实现
2012/12/15 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
Python分布式进程中你会遇到的问题解析
2019/05/28 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
街头时尚在线:JESSICABUURMAN
2019/06/16 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
介绍一下Mysql的存储引擎
2015/02/12 面试题
化工专业应届生求职信
2013/11/08 职场文书
致短跑运动员广播稿
2014/01/09 职场文书
股东合作协议书
2014/04/14 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
销售目标责任书
2014/07/23 职场文书
好的促销活动方案
2014/08/21 职场文书
环保建议书作文300字
2015/09/14 职场文书