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 代码也可以变得优美的实现方法
Jun 22 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
用户代理字符串userAgent可实现的四个识别
Sep 20 Javascript
input框中的name和id的区别
Nov 16 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
js数据类型检测总结
Aug 05 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
使用JavaScript获取Django模板指定键值数据
May 27 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通过分类列表产生分类树数组的方法
2015/04/20 PHP
php实现中文字符截取防乱码方法汇总
2015/04/29 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
浅谈php中urlencode与rawurlencode的区别
2016/09/05 PHP
经验几则 推荐
2006/09/05 Javascript
发布一个基于javascript的动画类 Fx.js
2010/11/05 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
基于jQuery实现瀑布流页面
2017/04/11 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
two.js之实现动画效果示例
2017/11/06 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
Vue项目总结之webpack常规打包优化方案
2019/06/06 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
Python中每次处理一个字符的5种方法
2015/05/21 Python
Python升级导致yum、pip报错的解决方法
2017/09/06 Python
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
总结python中pass的作用
2019/02/27 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
Python中私有属性的定义方式
2020/03/05 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
Python 防止死锁的方法
2020/07/29 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
见习期自我鉴定
2013/11/07 职场文书
《桂林山水》教学反思
2014/02/08 职场文书
党员政治学习材料
2014/05/14 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
PO模式在selenium自动化测试框架的优势
2022/03/20 Python