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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
JQuery Easyui Tree的oncheck事件实现代码
May 28 Javascript
jquery 插件学习(六)
Aug 06 Javascript
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 Javascript
Knockout数组(observable)使用详解示例
Nov 15 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
教你如何在Node.js中使用jQuery
Aug 28 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
Vue.js 中 axios 跨域访问错误问题及解决方法
Nov 21 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
关于layui导航栏不展示下拉列表的解决方法
Sep 25 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 JSON格式的中文显示问题解决方法
2015/04/09 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
JavaScript数据结构和算法之二叉树详解
2015/02/11 Javascript
Javascript中With语句用法实例
2015/05/14 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
购物车前端开发(jQuery和bootstrap3)
2016/08/27 Javascript
JS重载实现方法分析
2016/12/16 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
Vue.js框架路由使用方法实例详解
2017/08/25 Javascript
基于axios封装fetch方法及调用实例
2018/02/05 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
[42:50]NB vs VP 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python操作SQLite数据库的方法详解
2017/06/16 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
Pycharm配置autopep8实现流程解析
2020/11/28 Python
想学画画?python满足你!
2020/12/24 Python
python基于爬虫+django,打造个性化API接口
2021/01/21 Python
个人简历的自荐信
2013/10/23 职场文书
中式结婚主持词
2014/03/14 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
2014年科研工作总结
2014/12/03 职场文书
体育活动总结
2015/02/04 职场文书
研究生导师推荐信
2015/03/25 职场文书
通知格式
2015/04/27 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技