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 相关文章推荐
用javascript实现的仿Flash广告图片轮换效果
Apr 24 Javascript
jquery 表单取值常用代码
Dec 22 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
Jan 19 Javascript
JS实现留言板功能[楼层效果展示]
Dec 27 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
详解angular2.x创建项目入门指令
Oct 11 Javascript
JavaScript时间日期操作实例小结【5个示例】
Dec 22 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+mysqli批量查询多张表数据的方法
2015/01/29 PHP
php解析字符串里所有URL地址的方法
2015/04/03 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
基于JQuery的动态删除Table表格的行和列的代码
2011/05/12 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
BootStrap table使用方法分析
2016/11/08 Javascript
JS使用队列对数组排列,基数排序算法示例
2019/03/02 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
Python获取远程文件大小的函数代码分享
2014/05/13 Python
python实现删除文件与目录的方法
2014/11/10 Python
Python使用django获取用户IP地址的方法
2015/05/11 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
python基础教程项目二之画幅好画
2018/04/02 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
Python微信操控itchat的方法
2019/05/31 Python
Python使用贪婪算法解决问题
2019/10/22 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
比较基础的php面试题及答案-编程题
2012/10/14 面试题
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
音乐器材管理制度
2014/01/31 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
住宅质量保证书
2014/04/29 职场文书
超市促销活动总结
2014/07/01 职场文书
爱国主义教育演讲稿
2014/08/26 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
学习十八大演讲稿
2014/09/15 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
Python 数据可视化之Bokeh详解
2021/11/02 Python
如何解决php-fpm启动不了问题
2021/11/17 PHP
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫
Mysql如何实现不存在则插入,存在则更新
2022/03/25 MySQL