javascript判断复选框是否选中的方法


Posted in Javascript onOctober 16, 2015

之前总结了一下关于jquery如何判断复选框是否选中的问题,今天总结如何判断js复选框是否选中
javascript判断复选框是否选中,下面通过例子来说明(现在有如下的一组复选框):

<input type="checkbox" name="fruit" value="apple" />苹果 
<input type="checkbox" name="fruit" value="orange" />橘子 
<input type="checkbox" name="fruit" value="banana" />香蕉 
<input type="checkbox" name="fruit" value="grape" />葡萄

获取 name=fruit 的一组复选框的值的方法如下:

<script language="javascript"> 
function checkbox(){ 
  var str=document.getElementsByName('fruit'); 
  var strstrLen=str.length; 
  var checkVal=''; 
  for (i=0;i<strLen;i++){ 
    if(str[i].checked==true){ 
      checkVal+=str[i].value+','; 
    } 
  } 
  if(checkVal==''){ 
    alert("请先选择复选框~!"); 
  }else{ 
    alert("复选框的值是:"+checkVal); 
  } 
} 
</script>

与之前《jquery判断复选框是否被选中的方法》结合起来一起学习,一定会有意想不到的收获!

Javascript 相关文章推荐
js玩一玩WSH吧
Feb 23 Javascript
javascript函数库-集合框架
Apr 27 Javascript
javascript下IE与FF兼容函数收集
Sep 17 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
jQuery带时间的日期控件代码分享
Aug 26 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
了解javascript中变量及函数的提升
May 27 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
p5.js实现简单货车运动动画
Oct 23 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
Dec 15 Vue.js
jquery判断复选框是否被选中的方法
Oct 16 #Javascript
基于jquery实现复选框全选,反选,全不选等功能
Oct 16 #Javascript
js生成随机数的方法实例
Oct 16 #Javascript
jQuery实现商品活动倒计时
Oct 16 #Javascript
js如何打印object对象
Oct 16 #Javascript
JavaScript各类型的关系图解
Oct 16 #Javascript
js实现新浪微博首页效果
Oct 16 #Javascript
You might like
smarty内置函数capture用法分析
2015/01/22 PHP
PHP延迟静态绑定的深入讲解
2018/04/02 PHP
JavaScript 拖拉缩放效果
2008/12/10 Javascript
js原型链原理看图说明
2012/07/07 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
写得不错的jquery table鼠标经过变色代码
2013/09/27 Javascript
node.js Web应用框架Express入门指南
2014/05/28 Javascript
在Node.js中使用HTTP上传文件的方法
2015/06/23 Javascript
解决JavaScript数字精度丢失问题的方法
2015/12/03 Javascript
jQuery使用$获取对象后检查该对象是否存在的实现方法
2016/09/04 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
微信小程序使用image组件显示图片的方法【附源码下载】
2017/12/08 Javascript
全面介绍vue 全家桶和项目实例
2017/12/27 Javascript
vue iView 上传组件之手动上传功能
2018/03/16 Javascript
JS代码实现电脑配置检测功能
2018/03/21 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
解决koa2 ctx.render is not a function报错问题
2018/08/07 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
如何基于jQuery实现五角星评分
2020/09/02 jQuery
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
浅谈python numpy中nonzero()的用法
2018/04/02 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
Python datetime模块使用方法小结
2020/06/18 Python
Python调用C/C++的方法解析
2020/08/05 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
python爬取youtube视频的示例代码
2021/03/03 Python
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
英语专业职业生涯规划范文
2014/03/05 职场文书
英语故事演讲稿
2014/04/29 职场文书
个人求职信范文
2014/05/24 职场文书