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控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
Javascript玩转继承(一)
May 08 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 Javascript
详解vue组件基础
May 04 Javascript
jQuery实现的五星点评功能【案例】
Feb 18 jQuery
JS基础之逻辑结构与循环操作示例
Jan 19 Javascript
详解Vue template 如何支持多个根结点
Feb 10 Javascript
Vue记住滚动条和实现下拉加载的完美方法
Jul 31 Javascript
vue 子组件watch监听不到prop的解决
Aug 09 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 采集书并合成txt格式的实现代码
2009/03/01 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
解决ueditor jquery javascript 取值问题
2014/12/30 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
2017/01/20 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
2020/05/30 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
videocapture库制作python视频高速传输程序
2013/12/23 Python
python在linux中输出带颜色的文字的方法
2014/06/19 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
python实现多线程行情抓取工具的方法
2018/02/28 Python
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
Python设计模式之桥接模式原理与用法实例分析
2019/01/10 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
python实现简单井字棋小游戏
2020/03/05 Python
python实现贪吃蛇双人大战
2020/04/18 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
tensorflow模型转ncnn的操作方式
2020/05/25 Python
简单介绍一下pyinstaller打包以及安全性的实现
2020/06/02 Python
image-set实现Retina屏幕下图片显示详细介绍
2012/12/24 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
中文专业毕业生自荐书范文
2014/01/04 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
2015年学校党支部工作总结
2015/04/01 职场文书