js获取checkbox值的方法


Posted in Javascript onJanuary 28, 2015

本文实例讲述了js获取checkbox值的方法。分享给大家供大家参考。具体实现方法如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>js</title>

</head>

<script language="javascript">

function aa(){

    var r=document.getElementsByName("r"); 

    for(var i=0;i<r.length;i++){

         if(r[i].checked){

         alert(r[i].value+","+r[i].nextSibling.nodeValue);

       }

    }      

}

</script>

<body>

<form name="form1" method="post" action="">

<input type="checkbox" name="r" value="1">a<br>

<input type="checkbox" name="r" value="2">b<br>

<input type="checkbox" name="r" value="3">c<br>

<input type="checkbox" name="r" value="4">d<br>

<input type="checkbox" name="r" value="5">e<br>

<input type="checkbox" name="r" value="6">f<br>

<input type="checkbox" name="r" value="7">g<br>

<input type="checkbox" name="r" value="8">h<br>

<input type="checkbox" name="r" value="9">i<br>

<input type="checkbox" name="r" value="10">j<br>

<br>

<input type="button" onclick="aa()" value="button">

</form>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
js身份证验证超强脚本
Oct 26 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
jQuery实现tag便签去重效果的方法
Jan 20 Javascript
jquery实现的缩略图预览滑块实例
Jun 25 Javascript
javascript实现动态导入js与css等静态资源文件的方法
Jul 25 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
input框中的name和id的区别
Nov 16 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
bootstrap-Treeview实现级联勾选
Nov 23 Javascript
node.js支持多用户web终端实现及安全方案
Nov 29 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
Javascript基于OOP实实现探测器功能代码实例
Aug 26 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 #Javascript
浅谈javascript的调试
Jan 28 #Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 #Javascript
js鼠标悬浮出现遮罩层的方法
Jan 28 #Javascript
Jquery 实现grid绑定模板
Jan 28 #Javascript
Javascript控制input输入时间格式的方法
Jan 28 #Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 #Javascript
You might like
php 解压rar文件及zip文件的方法
2014/05/05 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHP信号处理机制的操作代码讲解
2019/04/19 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
2015/10/23 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
深入浅析NodeJs并发异步的回调处理
2015/12/21 NodeJs
JavaScript实现自动切换图片代码
2016/10/11 Javascript
JavaScript字符串对象
2017/01/14 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
通过 JS 判断页面是否有滚动条的实现方法
2018/04/05 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
微信小程序图表插件wx-charts用法实例详解
2019/05/20 Javascript
Vue实现导航栏菜单
2020/08/19 Javascript
Python检查ping终端的方法
2019/01/26 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
python中的错误如何查看
2020/07/08 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
葡萄牙航空官方网站:TAP Air Portugal
2019/10/31 全球购物
二年级语文教学反思
2014/02/02 职场文书
民族团结先进个人材料
2014/02/05 职场文书
电厂职工自我鉴定
2014/02/20 职场文书
授权委托书范文
2014/07/31 职场文书
物业项目经理岗位职责
2015/04/01 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
电话营销开场白
2015/05/29 职场文书
建筑工程挂靠协议书
2016/03/23 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
基于Redis的List实现特价商品列表功能
2021/08/30 Redis
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
css3 文字断裂效果
2022/04/22 HTML / CSS
html,css,javascript是怎样变成页面的
2023/05/07 HTML / CSS