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 相关文章推荐
教你用AngularJS框架一行JS代码实现控件验证效果
Jun 23 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
使用coffeescript编写node.js项目的方法汇总
Aug 05 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
Sep 15 Javascript
在vue中多次调用同一个定义全局变量的实例
Sep 25 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
微信小程序常见页面跳转操作简单示例
May 01 Javascript
Js逆向实现滑动验证码图片还原的示例代码
Mar 10 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之第一天
2006/10/09 PHP
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP计算2点经纬度之间的距离代码
2013/08/12 PHP
YII2框架中添加自定义模块的方法实例分析
2020/03/18 PHP
关于this和self的使用说明
2010/08/01 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
什么是Node.js?Node.js详细介绍
2014/06/01 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
javascript计算渐变颜色的实例
2017/09/22 Javascript
详解使用PM2管理nodejs进程
2017/10/24 NodeJs
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
Vue使用NPM方式搭建项目
2018/10/25 Javascript
详解vue 命名视图
2019/08/14 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
[43:49]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
python解析中国天气网的天气数据
2014/03/21 Python
用Python编写web API的教程
2015/04/30 Python
python IDLE添加行号显示教程
2020/04/25 Python
python是怎么被发明的
2020/06/15 Python
python调用win32接口进行截图的示例
2020/11/11 Python
python 操作excel表格的方法
2020/12/05 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
Canvas在超级玛丽游戏中的应用详解
2021/02/06 HTML / CSS
助人为乐好少年事迹材料
2014/08/18 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
2019暑假阅读倡议书
2019/06/24 职场文书
redis 查看所有的key方式
2021/05/07 Redis
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers