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 定时器setTimeout无法调用局部变量的解决办法
Nov 28 Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
jquery对象和DOM对象的相互转换详解
Oct 18 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
Angular ng-animate和ng-cookies用法详解
Apr 18 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 Javascript
在Vue 中获取下拉框的文本及选项值操作
Aug 13 Javascript
vue3.0 上手体验
Sep 21 Javascript
针对Vue路由history模式下Nginx后台配置操作
Oct 22 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 图像尺寸调整代码
2010/05/26 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
PHP CodeBase:将时间显示为&quot;刚刚&quot;&quot;n分钟/小时前&quot;的方法详解
2013/06/06 PHP
php将一维数组转换为每3个连续值组成的二维数组
2016/05/06 PHP
thinkphp框架实现数据添加和显示功能
2016/06/29 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
Mootools 1.2教程 事件处理
2009/09/15 Javascript
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
2013/03/15 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
用JS编写一个函数,返回数组中重复出现过的元素(实例)
2017/09/14 Javascript
JavaScript基础教程之如何实现一个简单的promise
2018/09/11 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
2019/07/05 Javascript
pageGroup.js实现分页功能
2019/07/27 Javascript
对layui初始化列表的CheckBox属性详解
2019/09/13 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
2020/08/14 Javascript
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python使用PyFetion来发送短信的例子
2014/04/22 Python
python threading模块操作多线程介绍
2015/04/08 Python
python利用lxml读写xml格式的文件
2017/08/10 Python
浅谈python中列表、字符串、字典的常用操作
2017/09/19 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
社会治安综合治理管理责任书
2014/04/16 职场文书
教育专业毕业生推荐信
2014/07/10 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
小学同学聚会感言
2015/07/30 职场文书
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript