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 模拟用户单击事件
Dec 31 Javascript
javascript 精粹笔记
May 09 Javascript
JavaScript数值转换的三种方式总结
Jul 31 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
Nov 26 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
Boostrap实现的登录界面实例代码
Oct 09 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
Angular2学习笔记——详解NgModule模块
Dec 02 Javascript
Webpack执行命令参数详解
Jun 17 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
vue与iframe之间的信息交互的实现
Apr 08 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
php自动注册登录验证机制实现代码
2011/12/20 PHP
php的ajax简单实例
2014/02/27 PHP
一个对于js this关键字的问题
2007/01/09 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
开发用到的js封装方法(20种)
2018/10/12 Javascript
灵活使用console让js调试更简单的方法步骤
2019/04/23 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
[03:38]2014DOTA2西雅图国际邀请赛 VG战队巡礼
2014/07/07 DOTA
[01:00:26]Ti4主赛事胜者组第一天 EG vs NEWBEE 1
2014/07/19 DOTA
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
python中循环语句while用法实例
2015/05/16 Python
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
Python人脸识别初探
2017/12/21 Python
Python3 max()函数基础用法
2019/02/19 Python
Python实现计算对象的内存大小示例
2019/07/10 Python
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
药剂专业个人求职信范文
2014/04/29 职场文书
大学活动总结模板
2014/07/10 职场文书
承租经营合作者协议书
2014/10/01 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
鼋头渚导游词
2015/02/05 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
论语读书笔记
2015/06/26 职场文书
Python中super().__init__()测试以及理解
2021/12/06 Python
解决vue自定义组件@click点击失效问题
2022/04/30 Vue.js