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根据纬度经度查看地图处理程序
May 08 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
创建一个类Person的简单实例
May 17 Javascript
js返回顶部实例分享
Dec 21 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
基于layui数据表格以及传数据的方式
Aug 19 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
Vue开发环境跨域访问问题
Jan 22 Javascript
vue基于better-scroll仿京东分类列表
Jun 30 Javascript
Element Notification通知的实现示例
Jul 27 Javascript
微信小程序APP的生命周期及页面的生命周期
Apr 19 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 变量未定义等错误的解决方法
2011/01/12 PHP
php设计模式之单例、多例设计模式的应用分析
2013/06/30 PHP
php实现的百度搜索某地天气的小偷代码
2014/04/23 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
Laravel 队列使用的实现
2019/01/08 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
2014/03/13 Javascript
js中精确计算加法和减法示例
2014/03/28 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
Vue.js组件通信之自定义事件详解
2019/10/19 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
Vue实现图书管理案例
2021/01/20 Vue.js
vue keep-alive的简单总结
2021/01/25 Vue.js
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
django反向解析和正向解析的方式
2018/06/05 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
彻底搞懂 python 中文乱码问题(深入分析)
2020/02/28 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
python中实现词云图的示例
2020/12/19 Python
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
网游商务专员求职信
2013/10/15 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
公司仓库管理制度
2015/08/04 职场文书
Elasticsearch 聚合查询和排序
2022/04/19 Python