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 国际象棋棋盘 实现代码
Jun 26 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
浅析Bootstrip的select控件绑定数据的问题
May 10 Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
探索Vue.js component内容实现
Nov 03 Javascript
简单实现jquery焦点图
Dec 12 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
使用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
Laravel 5框架学习之环境与配置
2015/04/08 PHP
PHP常用的排序和查找算法
2015/08/06 PHP
PHP+Ajax实现的检测用户名功能简单示例
2019/02/12 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
js 操作符实例代码
2009/10/24 Javascript
JQuery 将元素显示在屏幕的中央的代码
2010/02/27 Javascript
js过滤数组重复元素的方法
2010/09/05 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
node.js中的console.assert方法使用说明
2014/12/10 Javascript
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
JavaScript实现动态添加,删除行的方法实例详解
2015/07/02 Javascript
jquery中checkbox使用方法简单实例演示
2015/11/24 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
简单理解js的冒泡排序
2016/12/19 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
vue服务端渲染添加缓存的方法
2018/09/18 Javascript
vue中实现高德定位功能
2019/12/03 Javascript
jQuery+ajax实现文件上传功能
2020/12/22 jQuery
利用Python批量生成任意尺寸的图片
2016/08/29 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
详解Python if-elif-else知识点
2018/06/11 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
解决pytorch 交叉熵损失输出为负数的问题
2020/07/07 Python
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
酒店司机岗位职责
2013/12/14 职场文书
学生自我鉴定
2013/12/18 职场文书
自主招生教师推荐信
2014/05/10 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
党政领导班子群众路线对照检查材料思想汇报
2014/09/27 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android