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 相关文章推荐
jquery(live)中File input的change方法只起一次作用的解决办法
Oct 21 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
浅谈JSON.stringify()和JOSN.parse()方法的不同
Aug 29 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
Dec 13 Javascript
Html5 js实现手风琴效果
Apr 17 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 Javascript
详解组件库的webpack构建速度优化
Jun 18 Javascript
详解vue-cli中使用rem,vue自适应
May 06 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短网址的生成代码(仿微博短网址)
2014/05/07 PHP
PHP实现使用优酷土豆视频地址获取swf播放器分享地址
2014/06/05 PHP
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
thinkPHP5.0框架命名空间详解
2017/03/18 PHP
PHP addslashes()函数讲解
2019/02/03 PHP
读jQuery之十 事件模块概述
2011/06/27 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
Javascript 实现放大镜效果实例详解
2016/12/03 Javascript
nodejs获取微信小程序带参数二维码实现代码
2017/04/12 NodeJs
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
ES6扩展运算符的用途实例详解
2017/08/20 Javascript
深入剖析JavaScript instanceof 运算符
2019/06/14 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
Python三级目录展示的实现方法
2016/09/28 Python
cmd运行python文件时对结果进行保存的方法
2018/05/16 Python
关于Python的一些学习总结
2018/05/25 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
Python画图高斯分布的示例
2019/07/10 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
在django模板中实现超链接配置
2019/08/21 Python
Python tkinter模版代码实例
2020/02/05 Python
python基于pygame实现飞机大作战小游戏
2020/11/19 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
切尔西足球俱乐部官方网上商店:Chelsea FC
2019/06/17 全球购物
药物学专业学生的自我评价
2013/10/27 职场文书
手工社团活动方案
2014/02/17 职场文书
电子专业毕业生自荐信
2014/05/25 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server