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 相关文章推荐
破除网页鼠标右键被禁用的绝招大全
Dec 27 Javascript
javascript removeChild 使用注意事项
Apr 11 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
从数组中随机取x条不重复数据的JS代码
Dec 24 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
原生js和jQuery实现淡入淡出轮播效果
Dec 25 Javascript
如何高效率去掉js数组中的重复项
Apr 12 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
Jan 21 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
基于Vue.js 2.0实现百度搜索框效果
Dec 28 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
通过html表格发电子邮件
2006/10/09 PHP
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
javascript在事件监听方面的兼容性小结
2010/04/07 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
2016/08/29 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
JS如何设置元素样式的方法示例
2017/08/28 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
Python入门之三角函数全解【收藏】
2017/11/08 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
2019/06/03 Python
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
解除劳动合同协议书范本
2014/04/14 职场文书
2014年旅游局法制宣传日活动总结
2014/11/01 职场文书
护士年终个人总结
2015/02/13 职场文书
面试通知短信
2015/04/20 职场文书
运动会班级前导词
2015/07/20 职场文书
2016年国陪研修感言
2015/11/18 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
JavaScript 与 TypeScript之间的联系
2021/11/27 Javascript
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫
Python实现简单得递归下降Parser
2022/05/02 Python