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与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
海量经典的jQuery插件集合
Jan 12 Javascript
js有序数组的连接问题
Oct 01 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
使用JS中的exec()方法构造正则表达式验证
Aug 01 Javascript
jquery css实现邮箱自动补全
Nov 14 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
vue移动端屏幕适配详解
Apr 30 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
May 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
DSP接收机前端设想
2021/03/02 无线电
thinkphp5.1框架模板赋值与变量输出示例
2020/05/25 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
javascript 多浏览器 事件大全
2010/03/23 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
JavaScript生成福利彩票双色球号码
2015/05/15 Javascript
JavaScript实现的Tween算法及缓冲特效实例代码
2015/11/03 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
angular指令笔记ng-options的使用方法
2017/09/18 Javascript
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
Vue项目中设置背景图片方法
2018/02/21 Javascript
vue文件树组件使用详解
2018/03/29 Javascript
vue 扩展现有组件的操作
2020/08/14 Javascript
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
python实现的防DDoS脚本
2011/02/08 Python
Python Deque 模块使用详解
2014/07/04 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
Django组件之cookie与session的使用方法
2019/01/10 Python
解决windows下python3使用multiprocessing.Pool出现的问题
2020/04/08 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
keras多显卡训练方式
2020/06/10 Python
播音主持女孩的自我评价分享
2013/11/20 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
消防器材管理制度
2014/01/28 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书
奖学金个人总结
2015/03/04 职场文书
学校团代会开幕词
2016/03/04 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
如何自己动手写SQL执行引擎
2021/06/02 MySQL
【DOTA2】高能暴走TK秀!PSG LGD vs ASTER - DPC 2022 WINTER TOUR CN
2022/04/02 DOTA