js获取所有checkbox的值的简单实例
例:
<input type="checkbox" name="test" value="值1" />显示的内容 <input type="checkbox" name="test" value="值2" />显示的内容 <input type="checkbox" name="test" value="值3" />显示的内容 <input type="checkbox" name="test" value="值n" />显示的内容 .... <input type="button" value="提交" onclick="send()" />
JS:
function send(){ var id = document.getElementsByName('test'); var value = new Array(); for(var i = 0; i < id.length; i++){ if(id[i].checked) value.push(id[i].value); } window.location ='某Action!netWorkingUpdate?concentratorids='+value.toString(); }
后台:
String value = request.getParameter("concentratorids");
然后截取这个value即可。。。
以上这篇js获取checkbox的值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
js与jQuery实现checkbox复选框全选/全不选的方法
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法.分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法.这应该是一个比较实用的前端技巧吧,很多时候我们都需要点击一个checkbox,然后将所有的复选框自动全部选中,比如新浪邮箱中,一些CMS系统的后台中,使用本JS效果后,会大大增强了操作体验,那么究竟是如何实现这一功能的呢?别着急,跟我一步一步实现. 我们先把那些带复选框的列表弄好,还没加全选.全不选时候的状态,大
-
基于javascript实现checkbox复选框实例代码
本文实例讲解了javascript实现checkbox复选框的详细代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascr
-
javascript中checkbox使用方法实例演示
本文实例讲述了JavaScript实现的伸展收缩型菜单代码.分享给大家供大家参考.具体如下: 运行效果截图如下: (1)全选 (2)部分选 (3)反选(全不选) 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta ht
-
javascript实现checkbox复选框实例代码
本文实例介绍了javascript实现checkbox复选框实例代码以及对checkbox复选框进行美化操作,分享给大家供大家参考,具体内容如下 1.checkbox复选框进行美化操作 复选框默认外表的美观度差强人意,能够满足美观度要求不高的页面,但是如果对于页面要求较为精致,那可能就过于勉强了,下面就一段对复选框进行美化的代码实例,希望能够给大家带来一定的帮助. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charse
-
javascript中checkbox使用方法简单实例演示
演示一个小小的例子:在购物车里面,我们能够勾选自己所选的商品,然后能够显示出相应的价格. 1.首先显示出相应的界面: 相关代码: <body> 商品列表:<br/> 笔记本电脑<input type="checkbox" name="mm" value="3000" onclick="chose(this)" />3000 台式机<input type="checkbox
-
javascript动态添加checkbox复选框的方法
本文实例为大家介绍了javascript如何动态添加checkbox复选框: 在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果. 单纯的创建一个复选框是很容易的,代码如下: var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id"
-
JS实现CheckBox复选框全选、不选或全不选功能
CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0).在应用程序中使用该控件为用户提供"True/False"或"yes/no"的选择.因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合. CheckBox复选框JS实现全选.不选.全不选功能,很简单,具体内容如下 思路: 1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把chec
-
js点击文本框弹出可选择的checkbox复选框
本文分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展. 代码如下: <html> <head> <meta charset="gb2312"> <title>js点击文本框弹出可选择的checkbox复选框</title> <style type="text/
-
js获取所有checkbox的值的简单实例
例: <input type="checkbox" name="test" value="值1" />显示的内容 <input type="checkbox" name="test" value="值2" />显示的内容 <input type="checkbox" name="test" value="值3
-
checkbox批量选中,获取选中项的值的简单实例
checkbox批量选中,获取选中项的值的简单实例 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script&g
-
jquery获取img的src值的简单实例
简简单单的一句话,如下: <img id="test" src="1.jpg" alt="test" /> 引用的jquery如下: <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></script> <script type=&quo
-
JS获取IMG图片高宽的简单实例
前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题.不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值:趁今天有空我就写了几个demo测试了下,找了下原因:且听我细细说来,如有哪里说的不对的,欢迎拍砖--- 首先获取高宽的方法具我所知有: obj.style.width(height); obj.offsetWidth(offsetHeight); obj.clientWidth(clientHeight); getC
-
js弹出窗口返回值的简单实例
a.html: <form name="form1" method="post" action=""> <a href="javascript:void(null)" class="add" onClick="open('b.html','','resizable=1,scrollbars=1,status=no,toolbar=no,menu=no,width=500,heig
-
JS获取随机数和时间转换的简单实例
Math.floor(Math.random()*10);//产生10以内的随机数 new Date(); //获取当前时间(字符串类型) new Date().getTime(); //获取当前的毫秒数 new Date(1356334057000) ;//通过毫秒数创建时间 new Date().getMonth()+1; //获取月份,从0开始,所以要加上1 new Date().getFullYear(); //获取年份 new Date().getDay()+1;//获取当前是星期X,
-
jQuery设置与获取HTML,文本和值的简单实例
复制代码 代码如下: <script type="text/javascript"> //<![CDATA[ $(function(){ //获取<p>元素的HTML代码 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //获取<p>元素的文本 $(&q
-
js获取客户端外网ip的简单实例
var wwip=""; $(function(){ $(document).ready( function() { $.getJSON( "http://smart-ip.net/geoip-json?callback=?", function(data){ alert( data.host); wwip=data.host; } ); }); }); 这个问题查了很多资料,都不可以,这个还好用. 例子,js获取本地与外网IP地址. <script lang
-
jquery获取复选框checkbox的值的简单实现方法
jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的option) js: //js获取复选框值 var obj = document.getElementsByName("interest");//选择所有name="interest"的对象,返回数组 var s='';//如果这样定义var s;变量s中会默认被赋个null值
-
jquery获取复选框的值的简单实例
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <mce:style><!-- --></mce:style><style mce_bogus="1"> </style>
随机推荐
- Node.js实现发送邮件功能
- js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
- Interlnk、Intersvr、Qbasic命令的使用方法
- cmd rd命令 删除文件夹
- C#通过指针读取文件的方法
- iOS开发中使用FMDB来使程序连接SQLite数据库
- 一个Asp.Net的显示分页方法 附加实体转换和存储过程 带源码下载
- JavaScript正则表达式验证中文实例讲解
- js中设计一段程序,让它能够打印自己的方法收集藏
- JSP中正则表达式用法实例
- php遍历文件夹所有文件子文件夹函数代码
- Android多个TAB选项卡切换效果
- JavaScript随机排序(随即出牌)
- JavaScript如何实现在文本框(密码框)输入提示语
- Python中的ConfigParser模块使用详解
- 一键搞定python连接mysql驱动有关问题(windows版本)
- Yii2使用自带的UploadedFile实现的文件上传
- 解决Jquery鼠标经过不停滑动的问题
- jQuery插件WebUploader实现文件上传
- 女生领巾丝巾的打法图示教程