javascript获取所有同类checkbox选项(实例代码)


Posted in Javascript onNovember 07, 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
 function getChecked() {
  alert(document.getElementsByName("id").length);
  var owner=document.getElementsByName("id").item;
            for (i = 0; i < document.getElementsByName("id").length; i++) {
if(document.getElementsByName("id")[i].checked){
                alert(document.getElementsByName("id")[i].value);
}
            }
        }
</script>
</head>

<body>
<input type="checkbox" name="id" class="cbox" value="1" checked="checked"/>
<input type="checkbox" name="id" class="cbox" value="2" />
<input type="checkbox" name="id" class="cbox" value="3" />
<input type="checkbox" name="id" class="cbox" value="4" />
<input type="button" onclick="getChecked()" value="差卡巴"/>
</body>
</html>

Javascript 相关文章推荐
JQuery中的ready函数冲突的解决方法
May 17 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 Javascript
Spring MVC中Ajax实现二级联动的简单实例
Jul 06 Javascript
深入浅析knockout源码分析之订阅
Jul 12 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
AngularJs  Understanding Angular Templates
Sep 02 Javascript
js 获取html5的data属性实现方法
Jul 28 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
JavaScript实现Excel表格效果
Feb 07 Javascript
使用javascript实现ListBox左右全选,单选,多选,全请
Nov 07 #Javascript
网页防止tab键的使用快速解决方法
Nov 07 #Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 #Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
Nov 07 #Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 #Javascript
jQuery把表单元素变为json对象
Nov 06 #Javascript
JQuery插件开发示例代码
Nov 06 #Javascript
You might like
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
jquery移动节点实例
2015/01/14 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
JS实现仿新浪黄色经典滑动门效果代码
2015/09/27 Javascript
JS实现的仿淘宝交易倒计时效果
2015/11/27 Javascript
AngularJS基础 ng-model-options 指令简单示例
2016/08/02 Javascript
JavaScript实现水平进度条拖拽效果
2017/01/18 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
JavaScript实现QQ列表展开收缩扩展功能
2017/10/30 Javascript
element-ui 设置菜单栏展开的方法
2018/08/22 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
2019/04/11 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python使用sorted对字典的key或value排序
2018/11/15 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
树莓派安装OpenCV3完整过程的实现
2019/10/10 Python
Python中的Cookie模块如何使用
2020/06/04 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
上海天奕面试题笔试题
2015/04/19 面试题
学校政风行风评议工作总结
2014/10/21 职场文书
社区义诊通知
2015/04/24 职场文书