JS获取复选框的值,并传递到后台的实现方法


Posted in Javascript onMay 30, 2016

给复选框命名:<input type='checkbox' name='checkTheme' value='">

我在提交的时候onclick="aa();"

function aa() {
var bb = "";
var temp = "";
var a = document.getElementsByName("checkTheme");
for ( var i = 0; i < a.length; i++) {
if (a[i].checked) {
temp = a[i].value;
bb = bb + "," +temp;
}
}
document.getElementById("tempString").value = bb
.substring(1, bb.length);
}

在jsp页面中放一个input hidden的属性去接收aa()里面的值:

<input type="hidden" id="tempString" name="tempString" />

action里面:

private String tempString;//get、set方法

String temp1[] = tempString.split(",");// 截取字符串,获得各个checkBox的值

这个数组temp1[]里面的值就是要获取的各个复选框里取到的值

以上这篇JS获取复选框的值,并传递到后台的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript addBookmark 加入收藏 多浏览器兼容
Aug 15 Javascript
获取HTML DOM节点元素的方法的总结
Aug 21 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
jQuery实现获取元素索引值index的方法
Sep 18 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
Angular2 父子组件数据通信实例
Jun 22 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
在vue项目中使用element-ui的Upload上传组件的示例
Feb 08 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 #Javascript
js获取所有checkbox的值的简单实例
May 30 #Javascript
一览画面点击复选框后获取多个id值的方法
May 30 #Javascript
js判断复选框是否选中及选中个数的实现代码
May 30 #Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 #Javascript
限制复选框最多选择项的实现代码
May 30 #Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 #Javascript
You might like
PHP4在Windows2000下的安装
2006/10/09 PHP
PHP中对数据库操作的封装
2006/10/09 PHP
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
javascript 字符串连接的性能问题(多浏览器)
2008/11/18 Javascript
基于jquery的回到页面顶部按钮
2011/06/27 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
2013/03/18 Javascript
javascript一元操作符(递增、递减)使用示例
2013/08/07 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
jquery基础教程之数组使用详解
2014/03/10 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
2015/10/30 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
vue todo-list组件发布到npm上的方法
2018/04/04 Javascript
vue.js中ref和$refs的使用及示例讲解
2019/08/14 Javascript
纯异步nodejs文件夹(目录)复制功能
2019/09/03 NodeJs
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
2019/10/23 Javascript
Python计算三维矢量幅度的方法
2015/06/15 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
dpn网络的pytorch实现方式
2020/01/14 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
matplotlib.pyplot.matshow 矩阵可视化实例
2020/06/16 Python
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
JBL英国官网:JBL UK
2018/07/04 全球购物
模具毕业生推荐信
2014/02/15 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
讲文明懂礼貌演讲稿
2014/09/11 职场文书