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实现鼠标经过图片预览大图效果
Apr 10 Javascript
javascript删除元素节点removeChild()用法实例
May 26 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
从零开始最小实现react服务器渲染详解
Jan 26 Javascript
vue.js通过路由实现经典的三栏布局实例代码
Jul 08 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
Sep 25 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
Nov 09 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
xajax写的留言本
2006/11/25 PHP
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
PHP 数据结构 算法 三元组 Triplet
2011/07/02 PHP
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
Jquery 滑入滑出效果实现代码
2010/03/27 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
前台js对象在后台转化java对象的问题探讨
2013/12/20 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
2014/10/31 Javascript
巧用canvas
2017/01/21 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
2017/06/06 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
[56:00]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第一局
2016/03/05 DOTA
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
详解用Python练习画个美队盾牌
2019/03/23 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
python批量处理txt文件的实例代码
2020/01/13 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
Python爬虫实例——爬取美团美食数据
2020/07/15 Python
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
个人自荐信
2013/12/05 职场文书
证券期货行业个人的自我评价
2013/12/26 职场文书
男方父母证婚词
2014/01/12 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
z-index不起作用
2021/03/31 HTML / CSS
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
VUE使用draggable实现组件拖拽
2022/04/06 Vue.js
Python中np.random.randint()参数详解及用法实例
2022/09/23 Python