jquery自动填充勾选框即把勾选框打上true


Posted in Javascript onMarch 24, 2014

jquery自动填充勾选框,即把勾选框打上(true),然后通过ajax方式获得勾选项列表,再把列表内的选项打上。

下拉框<select name="makemodule" id="makemodule" style='width:130px' onchange='makemoduleSelected()'> 
<option value='1'>1</option> 
</select>

select改变,触发函数makemoduleSelected(),该函数如下:
//模板下拉框发生变化时,触发此事件(onchange)。 
function makemoduleSelected(){ 
clearAll('property'); 
var modtitlecode = $("#makemodule").val(); 
$.ajax({ 
url : 'indexStatisticsAction_getSelect.jsp', 
data: { page:'clientindexStatistics.jsp',method:'get_subname_en',modtitlecode:modtitlecode}, 
success : function(result){ 
// 根据result返回信息判断是否登录成功 
var results = result.split(","); 
//document.getElementById(results[i]).checked = true; 
$(".indexStatistics").each(function(){ 
$(this).find("input").each(function(){ 
var tempVal = $(this).val(); 
for(var i=0; i<results.length; i++){ 
if(tempVal == results[i]) $(this).attr("checked", true); 
} 
}); 
}); 
} 
}); 
}

该函数通过ajax方式向indexStatisticsAction_getSelect.jsp发出请求,返回一个字符串,把改字符串分开成字符串数组,接下来遍历标签<div class="indexStatistics">下面的标签,遇到相关的标签,则打钩(true)。indexStatisticsAction_getSelect.jsp的相关代码如下:
//获取模板对应的指标 
if(method.equals("get_subname_en")){ 
String modtitlecode = request.getParameter("modtitlecode"); 
if(modtitlecode.equals("-------")) return; 
String sql = sql2.replace("?modtitlecode?",modtitlecode); 
sql = sql.replace("?userId?",userId); 
System.out.println(sql); 
StringBuffer subnames = new StringBuffer(); 
Db db = new Db(); 
try { 
db.prepareQuery(); 
ResultSet rs = db.executeQuery(sql); 
while (rs!=null && rs.next()) { 
subnames.append(rs.getString("subname_en")); 
subnames.append(","); 
} 
rs.close(); 
} catch (Exception e) { 
e.printStackTrace(); 
} finally { 
db.endQuery(); 
} 
PrintWriter pout = response.getWriter(); 
pout.write(subnames.toString().substring(0,subnames.length()-1)); 
pout.flush(); 
pout.close(); 
}
Javascript 相关文章推荐
javascript的变量、传值、传址、参数之间关系
Jul 26 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
JavaScript过滤字符串中的中文与空格方法汇总
Mar 07 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
用Webpack构建Vue项目的实践
Nov 07 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
Jun 01 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 29 Javascript
jquery默认校验规则整理
Mar 24 #Javascript
Javascript连接多个数组不用concat来解决
Mar 24 #Javascript
jqeury-easyui-layout问题解决方法
Mar 24 #Javascript
让table变成exls的示例代码
Mar 24 #Javascript
JQuery 图片滚动轮播示例代码
Mar 24 #Javascript
JS中判断null、undefined与NaN的方法
Mar 24 #Javascript
jquery高级编程的最佳实践详解
Mar 23 #Javascript
You might like
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
PHP 地址栏信息的获取代码
2009/01/07 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
用PHP将Unicode 转化为UTF-8的实现方法(推荐)
2017/02/08 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
JS中获取数据库中的值的方法
2013/07/14 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
2013/08/06 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
浅谈JavaScript中定义变量时有无var声明的区别
2014/08/18 Javascript
JS+CSS实现简易实用的滑动门菜单效果
2015/09/18 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
AngularJS的脏检查深入分析
2017/04/22 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
优雅的elementUI table单元格可编辑实现方法详解
2018/12/23 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
Python pandas常用函数详解
2018/02/07 Python
Django通过json格式收集主机信息
2020/05/29 Python
matplotlib事件处理基础(事件绑定、事件属性)
2021/02/03 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
后进基层党组织整改方案
2014/10/25 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
发票退票证明
2015/06/24 职场文书
《我是什么》教学反思
2016/02/16 职场文书
go:垃圾回收GC触发条件详解
2021/04/24 Golang
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL
OpenCV 图像梯度的实现方法
2021/07/25 Python
Golang 链表的学习和使用
2022/04/19 Golang