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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
Mootools 1.2教程(21)——类(二)
Sep 15 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
javascript替换已有元素replaceChild()使用介绍
Apr 03 Javascript
javascript 中的 delete及delete运算符
Nov 15 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
javascript cookie基础应用之记录用户名的方法
Sep 20 Javascript
Bootstrap栅格系统学习笔记
Nov 25 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 Javascript
Nest.js参数校验和自定义返回数据格式详解
Mar 29 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
人族 Terran 魔法与科技
2020/03/14 星际争霸
PHP 翻页 实例代码
2009/08/07 PHP
php 函数使用方法与函数定义方法
2010/05/09 PHP
让iframe自适应高度(支持XHTML,支持FF)
2007/07/24 Javascript
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
Angular排序实例详解
2017/06/28 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
JS代码检查工具ESLint介绍与使用方法
2020/02/04 Javascript
使用python分析git log日志示例
2014/02/27 Python
python通过floor函数舍弃小数位的方法
2015/03/17 Python
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
python实现TF-IDF算法解析
2018/01/02 Python
python selenium 对浏览器标签页进行关闭和切换的方法
2018/05/21 Python
Appium+python自动化怎么查看程序所占端口号和IP
2019/06/14 Python
python 标准差计算的实现(std)
2019/07/29 Python
解决Django no such table: django_session的问题
2020/04/07 Python
python基于opencv 实现图像时钟
2021/01/04 Python
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
软件测试企业面试试卷
2016/07/13 面试题
考试作弊被抓检讨书
2014/01/10 职场文书
客服部工作职责范本
2014/02/14 职场文书
班级心理活动总结
2014/07/04 职场文书
解放思想演讲稿
2014/09/11 职场文书
三孔导游词
2015/02/05 职场文书
整脏治乱工作简报
2015/07/21 职场文书
python缺失值的解决方法总结
2021/06/09 Python
MySQL 主从复制数据不一致的解决方法
2022/03/18 MySQL