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 相关文章推荐
Javascript this关键字使用分析
Oct 21 Javascript
将json对象转换为字符串的方法
Feb 20 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
jQuery动画特效实例教程
Aug 29 Javascript
javascript基础知识
Jun 07 Javascript
全面了解JavaScript的数据类型转换
Jul 01 Javascript
javascript的几种写法总结
Sep 30 Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 Javascript
Angular中ng-repeat与ul li的多层嵌套重复问题
Jul 24 Javascript
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
Vue 将后台传过来的带html字段的字符串转换为 HTML
Mar 29 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 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 引用是个坏习惯
2010/03/12 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
jquery.cvtooltip.js 基于jquery的气泡提示插件
2010/11/19 Javascript
JavaScript实现统计文本框Textarea字数增强用户体验
2012/12/21 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
Js+php实现异步拖拽上传文件
2015/06/23 Javascript
jQuery实现的登录浮动框效果代码
2015/09/26 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
20行JS代码实现粘贴板复制功能
2018/02/06 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
vue中多路由表头吸顶实现的几种布局方式
2019/04/12 Javascript
Vue混入mixins滚动触底的方法
2019/11/22 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
Python中的集合类型知识讲解
2015/08/19 Python
python线程、进程和协程详解
2016/07/19 Python
opencv+python实现均值滤波
2020/02/19 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
英国最受欢迎的在线隐形眼镜商店:VisionDirect.co.uk
2018/12/06 全球购物
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
行政助理求职自荐信
2013/10/26 职场文书
预备党员思想汇报范文
2013/12/29 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
投标邀请书范文
2014/01/31 职场文书
《傅雷家书》教学反思
2014/04/20 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
2014年乡镇个人工作总结
2014/12/03 职场文书
复兴之路纪录片观后感
2015/06/02 职场文书
安全教育主题班会总结
2015/08/14 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang
Pytorch实现图像识别之数字识别(附详细注释)
2021/05/11 Python