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类中获取外部函数名的方法与代码
Sep 12 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
原生js检测页面加载完毕的实例
Sep 11 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
Sep 14 Javascript
angular 实现下拉列表组件的示例代码
Mar 09 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
Vue分页效果与购物车功能
Dec 13 Javascript
js实现消灭星星(web简易版)
Mar 24 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中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
一个捕获函数输出的函数
2007/02/14 PHP
php随机生成数字字母组合的方法
2015/03/18 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
php简单的上传类分享
2016/05/15 PHP
PHP设置images目录不充许http访问的方法
2016/11/01 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
如何在MVC应用程序中使用Jquery
2014/11/17 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
jquery中cookie用法实例详解(获取,存储,删除等)
2016/01/04 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
vue中element-ui表格缩略图悬浮放大功能的实例代码
2018/06/26 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
JS实现贪吃蛇游戏
2019/11/15 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
python的三目运算符和not in运算符使用示例
2014/03/03 Python
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
python实现根据窗口标题调用窗口的方法
2015/03/13 Python
Python 爬虫爬取指定博客的所有文章
2016/02/17 Python
简单了解Python中的几种函数
2017/11/03 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
Python Tornado之跨域请求与Options请求方式
2020/03/28 Python
浅谈keras中的Merge层(实现层的相加、相减、相乘实例)
2020/05/23 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
浅谈keras通过model.fit_generator训练模型(节省内存)
2020/06/17 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
幼儿园园长个人总结
2015/03/02 职场文书