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一些实用技巧小结
Mar 18 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
Aug 02 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
js给selected添加options的方法
May 06 Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
Express进阶之log4js实用入门指南
Feb 10 Javascript
vue中接口域名配置为全局变量的实现方法
Sep 20 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
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
php5新改动之短标记启用方法
2008/09/11 PHP
PHP开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
PHP读取文件的常见几种方法
2016/11/03 PHP
PHP支付宝当面付2.0代码
2018/12/21 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
IE、FF、Chrome浏览器中的JS差异介绍
2013/08/13 Javascript
前台js调用后台方法示例
2013/12/02 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
jQuery实现的导航动画效果(附demo源码)
2016/04/01 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
2019/07/25 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
javascript实现贪吃蛇经典游戏
2020/04/10 Javascript
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
python实现读取excel写入mysql的小工具详解
2017/11/20 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
python 读取数据库并绘图的实例
2019/12/03 Python
eVitamins日本:在线购买折扣维生素、补品和草药
2019/04/04 全球购物
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
暑假实习求职信范文
2013/09/22 职场文书
个人自我鉴定怎么写
2013/10/28 职场文书
家居设计专业个人自荐信范文
2013/11/26 职场文书
小区门卫工作职责
2013/12/14 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
优质服务口号
2014/06/11 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
Win11怎么把合并的任务栏分开 Win11任务栏合并分开教程
2022/04/06 数码科技
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL