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 相关文章推荐
禁止你的左键复制实用技巧
Jan 04 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
javascript学习笔记之函数定义
Jun 25 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
谈谈JavaScript中的几种借用方法
Aug 09 Javascript
树结构之JavaScript
Jan 24 Javascript
VsCode插件整理(小结)
Sep 14 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
详解Vue Elememt-UI构建管理后台
Feb 27 Javascript
vue 自定义 select内置组件
Apr 10 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
Oct 05 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使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
PHP实现的支付宝支付功能示例
2019/03/26 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
用js实现小球的自由移动代码
2013/04/22 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
表单元素与非表单元素刷新区别详细解析
2013/11/06 Javascript
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
用json方式实现在 js 中建立一个map
2014/05/02 Javascript
js实现DOM走马灯特效的方法
2015/01/21 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
2016/05/19 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
Node 模块原理与用法详解
2020/05/13 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
vue中element 的upload组件发送请求给后端操作
2020/09/07 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
Django实战之用户认证(初始配置)
2018/07/16 Python
详解Python3注释知识点
2019/02/19 Python
python中图像通道分离与合并实例
2020/01/17 Python
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
大学英语演讲稿(中英文对照)
2014/01/14 职场文书
大学生创业感言
2014/01/25 职场文书
普宁寺导游词
2015/02/04 职场文书
音乐教师个人总结
2015/02/06 职场文书
酒店温馨提示语
2015/07/14 职场文书