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 相关文章推荐
JavaScript CSS修改学习第二章 样式
Feb 19 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
Jul 31 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
Javascript中的作用域及块级作用域
Dec 08 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
Oct 10 Javascript
vue组件tabbar使用方法详解
Nov 06 Javascript
vue选项卡切换的实现案例
Apr 11 Vue.js
使用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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
Laravel框架控制器的request与response用法示例
2019/09/30 PHP
Avengerls vs Newbee BO3 第一场2.18
2021/03/10 DOTA
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
jQuery 监控键盘一段时间没输入
2016/04/22 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
基于jQuery.validate及Bootstrap的tooltip开发气泡样式的表单校验组件思路详解
2016/07/18 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
jQuery实现电梯导航模块
2020/12/22 jQuery
python实现模拟按键,自动翻页看u17漫画
2015/03/17 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
flask 使用 flask_apscheduler 做定时循环任务的实现
2019/12/10 Python
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
LocalStorage记住用户和密码功能
2017/07/24 HTML / CSS
韩国知名的家庭购物网站:CJmall
2016/08/01 全球购物
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
儿子婚宴答谢词
2014/01/09 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
建设工地安全标语
2014/06/07 职场文书
党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
2014年学习部工作总结
2014/11/12 职场文书
师德师风学习材料
2014/12/19 职场文书
研讨会致辞
2015/07/31 职场文书
SQL Server中搜索特定的对象
2022/05/25 SQL Server