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 oop开发滑动(slide)菜单控件
Aug 25 Javascript
在jQuery中 常用的选择器介绍
Apr 16 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 Javascript
jquery退出each循环的写法
Feb 26 Javascript
自己编写的支持Ajax验证的JS表单验证插件
May 15 Javascript
详解JavaScript基于面向对象之创建对象(2)
Dec 10 Javascript
JavaScript中split与join函数的进阶使用技巧
May 03 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
基于vue中解决v-for使用报红并出现警告的问题
Mar 03 Javascript
Javascript中parseInt的正确使用方式
Oct 17 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
Dec 08 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 向访客和爬虫显示不同的内容
2009/11/09 PHP
PHP面向对象法则
2012/02/23 PHP
深入php处理整数函数的详解
2013/06/09 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
2013/12/31 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
vue-router命名视图的使用讲解
2019/01/19 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
Python类定义和类继承详解
2015/05/08 Python
Python的迭代器和生成器
2015/07/29 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
python使用HTMLTestRunner导出饼图分析报告的方法
2019/12/30 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
韩国著名的在线综合购物网站:Akmall
2016/08/07 全球购物
雅萌 (YA-MAN) :日本美容家电领域的龙头企业
2017/05/12 全球购物
考试没考好检讨书
2014/01/31 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
团结演讲稿范文
2014/05/23 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
负责人任命书范本
2014/06/04 职场文书
荒岛余生观后感
2015/06/09 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
分位数回归模型quantile regeression应用详解及示例教程
2021/11/02 Python
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技