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 相关文章推荐
Opacity.js
Jan 22 Javascript
常用Extjs工具:Extjs.util.Format使用方法
Mar 22 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
Javascript中的几种继承方式对比分析
Mar 22 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
详解基于angular-cli配置代理解决跨域请求问题
Jul 05 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
vue input输入框关键字筛选检索列表数据展示
Oct 26 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 Javascript
React如何使用axios请求数据并把数据渲染到组件
Aug 05 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
DIY实用性框形天线
2021/03/02 无线电
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
php定时执行任务设置详解
2015/02/06 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
通过jquery实现tab标签浏览效果
2007/02/20 Javascript
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
jQuery控制iFrame(实例代码)
2013/11/19 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
基于jQuery实现Div窗口震动特效代码-代码简单
2015/08/28 Javascript
Vue.js每天必学之表单控件绑定
2016/09/05 Javascript
JS+CSS3制作炫酷的弹窗效果
2016/11/08 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
Nodejs+angularjs结合multiparty实现多图片上传的示例代码
2017/09/29 NodeJs
webpack构建的详细流程探底
2018/01/08 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
原生js检测页面加载完毕的实例
2018/09/11 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
2020/02/16 Javascript
Python的Django框架中的Context使用
2015/07/15 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
解决python ogr shp字段写入中文乱码的问题
2018/12/31 Python
详解Python3中ceil()函数用法
2019/02/19 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
英国现代绅士品牌:Hackett
2017/12/17 全球购物
创业计划书六个要素
2013/12/26 职场文书
小班重阳节活动方案
2014/02/08 职场文书
电影雨中的树观后感
2015/06/15 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
MySQL完整性约束的定义与实例教程
2021/05/30 MySQL
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js