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 相关文章推荐
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
Apr 12 Javascript
JavaScript遍历table表格中的某行某列并打印其值
Jul 08 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
vue.js入门(3)——详解组件通信
Dec 02 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
修改npm全局安装模式的路径方法
May 15 Javascript
Vue弹出菜单功能的实现代码
Sep 12 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 09 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
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
PHP的自定义模板引擎
2017/03/24 PHP
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
jQuery动画效果图片轮播特效
2016/01/12 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
jQuery Validate验证框架详解(推荐)
2016/12/17 Javascript
jquery实现input框获取焦点的简单实例
2017/01/26 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
vue-cli设置css不生效的解决方法
2020/02/07 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
[03:48]显微镜下的DOTA2第四期——TP动作
2014/06/20 DOTA
python使用chardet判断字符串编码的方法
2015/03/13 Python
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
使用Python实现毫秒级抢单功能
2019/06/06 Python
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Python如何测试stdout输出
2020/08/10 Python
简单了解Python字典copy与赋值的区别
2020/09/16 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
简历里的自我评价
2014/01/31 职场文书
立志成才演讲稿
2014/09/04 职场文书
晋江市人民政府党组群众路线教育实践活动整改方案
2014/10/25 职场文书
出纳年终工作总结2014
2014/12/05 职场文书
公司股份合作协议书
2014/12/07 职场文书
打架检讨书
2015/01/27 职场文书
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL
Python matplotlib多个子图绘制整合
2022/04/13 Python