这篇文章主要介绍了 js 获取 checkbox 值的方法, 涉及 js 针对节点的操作技巧, 非常具有实用价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0222/273071.html