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数组的扩展实现代码集合
Jun 01 Javascript
javascript 操作文件 实现方法小结
Jul 02 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
Apr 07 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
js严格模式总结(分享)
Aug 22 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 Javascript
详解vue express启动数据服务
Jul 05 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 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
图书管理程序(一)
2006/10/09 PHP
基于mysql的bbs设计(三)
2006/10/09 PHP
php 常用字符串函数总结
2008/03/15 PHP
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
php 生成唯一id的几种解决方法
2013/03/08 PHP
PHP中redis的用法深入解析
2014/02/20 PHP
php+jQuery ajax实现的实时刷新显示数据功能示例
2019/09/12 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
jQuery绑定事件不执行但alert后可以正常执行
2014/06/03 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
jQuery中的一些小技巧
2017/01/18 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
2017/05/11 Javascript
node.js 利用流实现读写同步,边读边写的方法
2017/09/11 Javascript
Javascript网页抢红包外挂实现分享
2018/01/11 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
Python中编写ORM框架的入门指引
2015/04/29 Python
Python使用requests及BeautifulSoup构建爬虫实例代码
2018/01/24 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
深入了解Python enumerate和zip
2020/07/16 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
阿迪达斯墨西哥官方网站:adidas墨西哥
2017/11/03 全球购物
网上签名寄语活动留言
2014/01/18 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书