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拓展String方法小结
Jul 08 Javascript
Node.js 的异步 IO 性能探讨
Oct 08 Javascript
AngularJS表单编辑提交功能实例
Feb 13 Javascript
JS+CSS实现表格高亮的方法
Aug 05 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
基于three.js编写的一个项目类示例代码
Jan 05 Javascript
简述JS浏览器的三种弹窗
Jul 15 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
Dec 10 Javascript
vue实现简易音乐播放器
Aug 14 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
PHP中mysqli_affected_rows作用行数返回值分析
2014/12/26 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
php实现微信公众号创建自定义菜单功能的实例代码
2019/06/11 PHP
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
2013/11/30 Javascript
利用浏览器全屏api实现js全屏
2014/01/16 Javascript
js如何调用qq互联api实现第三方登录
2014/03/28 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
JS匹配日期和时间的正则表达式示例
2017/05/12 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
微信小程序 轮播图实现原理及优化详解
2019/09/29 Javascript
JS使用正则表达式提交页面验证的代码
2019/10/16 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
深入了解Python数据类型之列表
2016/06/24 Python
详解Python中heapq模块的用法
2016/06/28 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
Python3-异步进程回调函数(callback())介绍
2020/05/02 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
运动会闭幕式解说词
2014/02/21 职场文书
捐助倡议书范文
2014/04/15 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
2015秋季开学演讲稿范文
2015/07/16 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js
Javascript之datagrid查询详解
2021/09/15 Javascript