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中call与apply的学习笔记
Sep 22 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
Javascript实现图片懒加载插件的方法
Oct 20 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
js实现导航吸顶效果
Feb 24 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
JS this关键字在ajax中使用出现问题解决方案
Jul 17 Javascript
JavaScript 空间坐标的使用
Aug 19 Javascript
vue实现登陆页面开发实践
May 30 Vue.js
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 静态变量的初始化
2009/11/15 PHP
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
laravel创建类似ThinPHP中functions.php的全局函数
2016/11/26 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
Js的MessageBox
2006/12/03 Javascript
Jquery取得iframe下内容的方法
2013/11/18 Javascript
jquery通过a标签删除table中的一行的代码
2013/12/02 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
2015/10/08 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
js与jquery获取input输入框中的值实例讲解
2020/02/27 jQuery
理解Python中的绝对路径和相对路径
2017/08/30 Python
简单实现python进度条脚本
2017/12/18 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
Python实现随机创建电话号码的方法示例
2018/12/07 Python
jupyter notebook 的工作空间设置操作
2020/04/20 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
Python如何急速下载第三方库详解
2020/11/02 Python
Python web框架(django,flask)实现mysql数据库读写分离的示例
2020/11/18 Python
施华洛世奇意大利官网:SWAROVSKI意大利
2018/07/23 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
饮料业务员岗位职责
2013/12/15 职场文书
上班打牌检讨书
2014/02/07 职场文书
要账委托书范本
2014/09/15 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
golang特有程序结构入门教程
2021/06/02 Python
浅谈Node的内存泄露问题
2022/05/06 NodeJs