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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
javascript 关于# 和 void的区别分析
Oct 26 Javascript
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
Oct 22 Javascript
基于jquery的复制网页内容到WORD的实现代码
Feb 16 Javascript
javascript小数四舍五入多种方法实现
Dec 23 Javascript
$.extend 的一个小问题
Jun 18 Javascript
超赞的jQuery图片滑块动画特效代码汇总
Jan 25 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
JS中判断null的方法分析
Nov 21 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
JS获取本地地址及天气的方法实例小结
May 10 Javascript
微信小程序 弹窗输入组件的实现解析
Aug 12 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
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
Codeigniter中mkdir创建目录遇到权限问题和解决方法
2014/07/25 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
PHP校验15位和18位身份证号的类封装
2018/11/07 PHP
YUI的Tab切换实现代码
2010/04/11 Javascript
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
一行代码告别document.getElementById
2012/06/01 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
2013/04/15 Javascript
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
[50:27]Secret vs VG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python 实现数据库更新脚本的生成方法
2017/07/09 Python
python中int与str互转方法
2018/07/02 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
Python项目打包成二进制的方法
2020/12/30 Python
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
运行时异常与一般异常有何异同?
2014/01/05 面试题
Weblogc domain问题
2014/01/27 面试题
*p++ 自增p 还是p所指向的变量
2016/07/16 面试题
信息专业个人的自我评价
2013/12/27 职场文书
五一劳动节慰问信
2015/02/14 职场文书
毕业生自荐信范文
2015/03/05 职场文书
幼儿园毕业典礼园长致辞
2015/07/29 职场文书
高中数学课堂教学反思
2016/02/18 职场文书
创业计划书之美甲店
2019/09/20 职场文书