js获取所有checkbox的值的简单实例


Posted in Javascript onMay 30, 2016

例:

<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的值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 通用简单的table选项卡实现
May 07 Javascript
JSON相关知识汇总
Jul 03 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
Aug 05 Javascript
jQuery实现的选择商品飞入文本框动画效果完整实例
Aug 10 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
基于复选框demo(分享)
Sep 27 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
koa2服务端使用jwt进行鉴权及路由权限分发的流程分析
Jul 22 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
Apr 08 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
一览画面点击复选框后获取多个id值的方法
May 30 #Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 #Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 #Javascript
限制复选框最多选择项的实现代码
May 30 #Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 #Javascript
JS组件Bootstrap Table使用实例分享
May 30 #Javascript
Bootstrap table分页问题汇总
May 30 #Javascript
You might like
用PHP控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
常见的PHP五种设计模式小结
2011/03/23 PHP
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
php中实现字符串翻转的方法
2017/02/22 PHP
理解JavaScript中的事件
2006/09/23 Javascript
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
2007/08/15 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
Node.js 应用跑得更快 10 个技巧
2016/04/03 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
2016/05/27 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
详解小程序原生使用ES7 async/await语法
2018/08/06 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
nodejs遍历文件夹下并操作HTML/CSS/JS/PNG/JPG的方法
2018/11/01 NodeJs
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
JS实现烟花爆炸效果
2020/03/10 Javascript
Python 列表(List)操作方法详解
2014/03/11 Python
python实现网站的模拟登录
2016/01/04 Python
Python中的日期时间处理详解
2016/11/17 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
pyqt 实现在Widgets中显示图片和文字的方法
2019/06/13 Python
python判断无向图环是否存在的示例
2019/11/22 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
GWebs公司笔试题
2012/05/04 面试题
机械制造与自动化应届生求职信
2013/11/16 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
学术诚信承诺书
2014/05/26 职场文书
感恩母亲节活动总结
2015/02/10 职场文书
2015年党建工作总结
2015/03/30 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android