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 相关文章推荐
js左侧多级菜单动态的解决方案
Feb 01 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
JS 调用微信扫一扫功能
Dec 22 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
Jun 13 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 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 文件状态缓存带来的问题
2008/12/14 PHP
php中获取关键词及所属来源搜索引擎名称的代码
2011/02/15 PHP
解析php DOMElement 操作xml 文档的实现代码
2013/05/10 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
解决PHP使用CURL发送GET请求时传递参数的问题
2019/10/11 PHP
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
js获取域名的方法
2015/01/27 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
jQuery的内容过滤选择器学习教程
2016/04/18 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
JavaScript闭包_动力节点Java学院整理
2017/06/27 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
[06:09]辉夜杯主赛事开幕式
2015/12/25 DOTA
[48:11]完美世界DOTA2联赛 Magma vs GXR 第二场 11.07
2020/11/10 DOTA
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
python决策树之C4.5算法详解
2017/12/20 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
python Selenium 库的使用技巧
2020/10/16 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
经济国贸专业求职信
2014/06/18 职场文书
2014年收银工作总结
2014/11/13 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
爱国之歌(8首)
2019/09/29 职场文书