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 相关文章推荐
extjs3 combobox取value和text案例详解
Feb 06 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
浅谈Angular7 项目开发总结
Dec 19 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
node中使用shell脚本的方法步骤
Mar 23 Javascript
前端vue+express实现文件的上传下载示例
Feb 18 Vue.js
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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
《DOTA3》开发工作已经开始 《DOTA3》将代替《DOTA2》
2021/03/06 DOTA
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
twig里使用js变量的方法
2016/02/05 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
php实现对短信验证码发送次数的限制实例讲解
2021/03/04 PHP
javascript 闭包疑问
2010/12/30 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
实例详解Node.js 函数
2018/06/10 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
Python中的if、else、elif语句用法简明讲解
2016/03/11 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
python中hashlib模块用法示例
2017/10/30 Python
python实现狄克斯特拉算法
2019/01/17 Python
对Python定时任务的启动和停止方法详解
2019/02/19 Python
python 多线程串行和并行的实例
2019/02/22 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
python中的selenium安装的步骤(浏览器自动化测试框架)
2020/03/17 Python
Python如何合并多个字典或映射
2020/07/24 Python
pytorch 把图片数据转化成tensor的操作
2021/03/04 Python
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
豪华复古化妆:Besame Cosmetics
2019/09/06 全球购物
一套SQL笔试题
2016/08/14 面试题
Python如何实现单例模式
2016/06/03 面试题
新闻稿件写作技巧
2015/07/18 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js