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 相关文章推荐
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
Aug 08 Javascript
node.js实现BigPipe详解
Dec 05 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
[js高手之路]HTML标签解释成DOM节点的实现方法
Aug 31 Javascript
vue组件(全局,局部,动态加载组件)
Sep 02 Javascript
JavaScript遍历数组的方法代码实例
Jan 14 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
Element Input输入框的使用方法
Jul 26 Javascript
vue实现公共方法抽离
Jul 31 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+DBM的同学录程序(1)
2006/10/09 PHP
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
PHP实现文件上传和多文件上传
2015/12/24 PHP
php实现构建排除当前元素的乘积数组方法
2018/10/06 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
基于Jquery的淡入淡出的特效基础练习
2010/12/13 Javascript
使用百度地图api实现根据地址查询经纬度
2014/12/11 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
Javascript中的数据类型之旅
2015/10/18 Javascript
Javascript中Date类型和Math类型详解
2016/02/27 Javascript
浅析JS动态创建元素【两种方法】
2016/04/20 Javascript
Javascript之String对象详解
2016/06/08 Javascript
jQuery实现磁力图片跟随效果完整示例
2016/09/16 Javascript
JavaScript SHA-256加密算法详细代码
2016/10/06 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
2017/03/09 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
详解Python中find()方法的使用
2015/05/18 Python
python日志记录模块实例及改进
2017/02/12 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
python pandas 对时间序列文件处理的实例
2018/06/22 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
浅谈Pycharm调用同级目录下的py脚本bug
2018/12/03 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
python的help函数如何使用
2020/06/11 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
商务助理岗位职责
2013/11/13 职场文书
医学生自我评价
2014/01/27 职场文书
优秀大学生自荐信
2015/03/26 职场文书
田径运动会通讯稿
2015/07/18 职场文书
css position fixed 左右双定位的实现代码
2021/04/29 HTML / CSS
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python