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脚本复制网页上的一个表格的不错实现方法
Dec 29 Javascript
JavaScript DOM 添加事件
Feb 14 Javascript
javascript实现的距离现在多长时间后的一个格式化的日期
Oct 29 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
关于jQuery中.attr()和.prop()的问题探讨
Sep 06 Javascript
jQuery定义插件的方法
Dec 18 Javascript
学习JavaScript设计模式之代理模式
Jan 12 Javascript
Json解析的方法小结
Jun 22 Javascript
详解vue项目首页加载速度优化
Oct 18 Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 Javascript
[jQuery] 事件和动画详解
Mar 05 jQuery
JS使用正则表达式判断输入框失去焦点事件
Oct 16 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 UTF8 文件的签名问题
2009/10/30 PHP
在php中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
Ext 今日学习总结
2010/09/19 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
javascript实现简单的二级联动
2015/03/19 Javascript
jQuery采用连缀写法实现的折叠菜单效果
2015/09/18 Javascript
js强制把网址设为默认首页
2015/09/29 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
jQuery实现右侧抽屉式在线客服功能
2017/12/25 jQuery
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
python del()函数用法
2013/03/24 Python
pygame学习笔记(4):声音控制
2015/04/15 Python
Python同步遍历多个列表的示例
2019/02/19 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
tensorflow 环境变量设置方式
2020/02/06 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
python三引号如何输入
2020/07/06 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
医学生自荐信
2013/12/03 职场文书
作文评语集锦大全
2014/04/23 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
2016党员学习作风建设心得体会
2016/01/21 职场文书
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang
Python实现byte转integer
2021/06/03 Python