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 相关文章推荐
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
jQuery 操作XML入门
Dec 25 Javascript
基于jquery的一个图片hover的插件
Apr 24 Javascript
js 图片等比例缩放代码
May 13 Javascript
基于jquery的让textarea自适应高度的插件
Aug 03 Javascript
Angular页面间切换及传值的4种方法
Nov 04 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
轻松实现jQuery添加删除按钮Click事件
Mar 13 Javascript
Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决
Jan 27 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
Oct 12 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
JAVA/JSP学习系列之二
2006/10/09 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
JavaScript学习历程和心得小结
2010/08/16 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
js动态改变select选择变更option的index值示例
2014/07/10 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
jQuery平滑旋转幻灯片特效代码分享
2015/09/07 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
Javascript农历与公历相互转换的简单实例
2016/10/09 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
2018/01/24 Javascript
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
Python排序算法实例代码
2017/08/10 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
python中使用print输出中文的方法
2018/07/16 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
Myprotein芬兰官网:欧洲第一运动营养品牌
2019/05/05 全球购物
数控技术专科生自我评价
2014/01/08 职场文书
实习生评语
2014/04/26 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
领导干部查摆“四风”问题自我剖析材料思想汇报
2014/10/05 职场文书
秋季运动会开幕词
2015/01/28 职场文书
企业办公室主任岗位职责
2015/04/01 职场文书
地雷战观后感
2015/06/09 职场文书
2019最新婚庆对联集锦!
2019/07/10 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server