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 尚未实现错误解决办法
Nov 27 Javascript
javascript 框架小结 个人工作经验
Jun 13 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
JQuery 选择器、过滤器介绍
Feb 14 Javascript
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
javascript insertAfter()定义与用法示例
Jul 25 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
js前端实现图片懒加载(lazyload)的两种方式
Apr 24 Javascript
vue实现的封装全局filter并统一管理操作示例
Feb 02 Javascript
vue商城中商品“筛选器”功能的实现代码
Jul 01 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
PHP基础知识介绍
2013/09/17 PHP
php cli换行示例
2014/04/22 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
用Javascript 和 CSS 实现脚注(Footnote)效果
2009/09/09 Javascript
基于jquery中children()与find()的区别介绍
2013/04/26 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
百度判断手机终端并自动跳转js代码及使用实例
2014/06/11 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
javascript中return,return true,return false三者的用法及区别
2015/11/17 Javascript
老生常谈 js中this的指向
2016/06/30 Javascript
关于微信jssdk实现多图片上传的一点心得分享
2016/12/13 Javascript
vue小白入门教程
2018/04/02 Javascript
Js面试算法详解
2018/04/08 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
jQuery实现简单日历效果
2020/07/05 jQuery
一个超级简单的python web程序
2014/09/11 Python
Python导出DBF文件到Excel的方法
2015/07/25 Python
Python中with及contextlib的用法详解
2017/06/08 Python
python对list中的每个元素进行某种操作的方法
2018/06/29 Python
python生成器与迭代器详解
2019/01/01 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
Django models文件模型变更错误解决
2020/05/11 Python
简单掌握CSS3将文字描边及填充文字颜色的方法
2016/03/07 HTML / CSS
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
一份Java笔试题
2012/02/21 面试题
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
银行领导证婚词
2014/01/11 职场文书
cf收人广告词大全
2014/03/14 职场文书
2015应届毕业生自荐信范文
2015/03/05 职场文书