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自动显示最后更新时间
Mar 15 Javascript
event.srcElement 用法笔记e.target
Dec 18 Javascript
javascript 随机展示头像实现代码
Dec 06 Javascript
JS判定是否原生方法
Jul 22 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
Mar 12 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
Vue中建立全局引用或者全局命令的方法
Aug 21 Javascript
JavaScript中工厂函数与构造函数示例详解
May 06 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 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
ThinkPHP实现事务回滚示例代码
2014/06/23 PHP
PHP 返回数组后处理方法(开户成功后弹窗提示)
2017/07/03 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
extJs 下拉框联动实现代码
2010/04/09 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
JavaScript Sort 的一个错误用法示例
2015/03/20 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
微信小程序 仿猫眼实现实例代码
2017/03/14 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
vue2.0 elementUI制作面包屑导航栏
2018/02/22 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
js在HTML的三种引用方式详解
2020/08/29 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
Python正则表达式教程之二:捕获篇
2017/03/02 Python
python中csv文件的若干读写方法小结
2018/07/04 Python
计算机二级python学习教程(1) 教大家如何学习python
2019/05/16 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
DJI全球:DJI Global
2021/03/15 全球购物
销售会议开幕词
2015/01/28 职场文书
乌镇导游词
2015/02/02 职场文书
人事专员岗位职责
2015/02/03 职场文书
地震慰问信
2015/02/14 职场文书
内勤岗位职责范本
2015/04/13 职场文书
离婚起诉书怎么写
2015/05/19 职场文书
解析Java中的static关键字
2021/06/14 Java/Android
php去除deprecated的实例方法
2021/11/17 PHP
Vue如何清空对象
2022/03/03 Vue.js
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技