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实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
Js切换功能的简单方法
Nov 23 Javascript
详解javascript中的事件处理
Nov 06 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
Dec 03 Javascript
浅谈JavaScript中变量和函数声明的提升
Aug 09 Javascript
微信小程序(应用号)简单实例应用及实例详解
Sep 26 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
优雅的使用javascript递归画一棵结构树示例代码
Sep 22 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将数据导入到Foxmail的实现代码
2010/09/05 PHP
PHP关联链接常用代码
2012/11/05 PHP
利用php递归实现无限分类 格式化数组的详解
2013/06/08 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
WampServer下安装多个版本的PHP、mysql、apache图文教程
2015/01/07 PHP
详解php中反射的应用
2016/03/15 PHP
PHP 常用时间函数资料整理
2016/10/22 PHP
一些不错的js函数ajax
2008/08/20 Javascript
javascript之学会吝啬 精简代码
2010/04/25 Javascript
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
javascript实现动态标签云
2015/10/16 Javascript
js防阻塞加载的实现方法
2016/09/09 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
详解webpack解惑:require的五种用法
2017/06/09 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
2019/09/21 Javascript
vue 页面跳转的实现方式
2021/01/12 Vue.js
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
详解Python中的join()函数的用法
2015/04/07 Python
Python检测QQ在线状态的方法
2015/05/09 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
python中pip的安装与使用教程
2018/08/10 Python
python学生信息管理系统(初级版)
2018/10/17 Python
Python通过Pillow实现图片对比
2020/04/29 Python
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
银行批评与自我批评
2014/02/10 职场文书
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
2014年实验室工作总结
2014/12/03 职场文书
护士求职自荐信
2015/03/25 职场文书
本科毕业答辩开场白
2015/05/27 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL