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版本A*寻路算法
Dec 22 Javascript
Js 随机数产生6位数字
May 13 Javascript
javascript回车完美实现tab切换功能
Mar 13 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
ajax前台后台跨域请求处理方式
Feb 08 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
Apr 30 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
node实现mock-plugin中间件的方法
Dec 25 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
Jul 19 Javascript
JavaScript实现随机点名小程序
Oct 29 Javascript
Angular CLI发布路径的配置项浅析
Mar 29 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
PH P5.2至5.5、5.6的新增功能详解
2014/07/14 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
PHPStorm+XDebug进行调试图文教程
2016/06/13 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
jquery实现动态操作select选中
2015/02/11 Javascript
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
使用React实现轮播效果组件示例代码
2016/09/05 Javascript
Bootstrap 3多级下拉菜单实例
2017/11/23 Javascript
详解webpack+express多页站点开发
2017/12/22 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
微信小程序实现左侧滑动导航栏
2020/04/08 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
Python数据库小程序源代码
2019/09/15 Python
解决Tensorflow 使用时cpu编译不支持警告的问题
2020/02/03 Python
python实现简单俄罗斯方块
2020/03/13 Python
python判断是空的实例分享
2020/07/06 Python
python asyncio 协程库的使用
2021/01/21 Python
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
公司培训心得体会
2014/01/03 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
大学生村官个人总结
2015/02/15 职场文书
2015年银行信贷员工作总结
2015/05/19 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
改造DE1103三步曲
2022/04/07 无线电