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 相关文章推荐
cnblogs TagCloud基于jquery的实现代码
Jun 11 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
js获取元素的偏移量offset简单方法(必看)
Jul 05 Javascript
微信小程序中post方法与get方法的封装
Sep 26 Javascript
JS获取当前地理位置的方法
Oct 25 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
May 08 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
js+h5 canvas实现图片验证码
Oct 11 Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 Javascript
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
PHP 实用代码收集
2010/01/22 PHP
PHP小教程之实现双向链表
2014/06/12 PHP
php程序员应具有的7种能力小结
2014/11/27 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
php gethostbyname获取域名ip地址函数详解
2010/01/24 Javascript
情人节之礼 js项链效果
2012/02/13 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
js利用clipboardData实现截屏粘贴功能
2016/10/12 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
基于windows下pip安装python模块时报错总结
2018/06/12 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
Python中实例化class的执行顺序示例详解
2018/10/14 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
基于Python实现大文件分割和命名脚本过程解析
2019/09/29 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
html5 标签
2009/07/16 HTML / CSS
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
音乐教学反思
2014/02/02 职场文书
机械工程师岗位职责
2014/06/16 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
地道战观后感
2015/06/04 职场文书
超强台风观后感
2015/06/09 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
对Keras自带Loss Function的深入研究
2021/05/25 Python
Ajax异步刷新功能及简单案例
2021/11/20 Javascript