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 相关文章推荐
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
Underscore.js 的模板功能介绍与应用
Dec 24 Javascript
js 距离某一时间点时间是多少实现代码
Oct 14 Javascript
js使用数组判断提交数据是否存在相同数据
Nov 27 Javascript
60行js代码实现俄罗斯方块
Mar 31 Javascript
JS+CSS实现大气清新的滑动菜单效果代码
Oct 22 Javascript
关于JSON与JSONP简单总结
Aug 16 Javascript
JS简单实现数组去重的方法分析
Oct 14 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
微信小程序scroll-view不能左右滑动问题的解决方法
Jul 09 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 缓存实现代码及详细注释
2010/05/16 PHP
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
2014/07/01 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
phalcon框架使用指南
2016/02/23 PHP
php对微信支付回调处理的方法
2018/08/23 PHP
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
vue移动端城市三级联动组件使用详解
2019/07/26 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
webpack DllPlugin xxx is not defined解决办法
2019/12/13 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
希尔顿酒店官方网站:Hilton Hotels
2017/06/01 全球购物
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
全球领先的全景影像品牌:Insta360
2019/08/21 全球购物
个人自查自纠材料
2014/10/14 职场文书
技术员岗位职责范本
2015/04/11 职场文书
欠条格式范本
2015/07/03 职场文书
受欢迎的自荐信,就这么写!
2019/04/19 职场文书
高中班主任寄语
2019/06/21 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书
Java方法重载和方法重写的区别到底在哪?
2021/06/11 Java/Android