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 相关文章推荐
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
jQuery自定义数值抽奖活动代码
Jun 11 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
JS拉起或下载app的实现代码
Feb 22 Javascript
javascript闭包功能与用法实例分析
Apr 06 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
JS写谷歌浏览器chrome的外挂实例
Jan 11 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
vue项目前端错误收集之sentry教程详解
May 27 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将数据库导出成excel的方法
2010/05/07 PHP
php版小黄鸡simsimi聊天机器人接口分享
2014/01/26 PHP
php读取3389的脚本
2014/05/06 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
ecshop后台编辑器替换成ueditor编辑器
2015/03/03 PHP
PHP队列场景以及实现代码实例详解
2021/02/26 PHP
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
JS数字千分位格式化实现方法总结
2016/12/16 Javascript
NodeJS仿WebApi路由示例
2017/02/28 NodeJs
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
vue中如何动态绑定图片,vue中通过data返回图片路径的方法
2018/02/07 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
2018/05/07 Javascript
简化vuex的状态管理方案的方法
2018/06/02 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
JS使用正则表达式提交页面验证的代码
2019/10/16 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
python爬虫常用的模块分析
2014/08/29 Python
Python使用progressbar模块实现的显示进度条功能
2018/05/31 Python
python如何生成各种随机分布图
2018/08/27 Python
Python3匿名函数lambda介绍与使用示例
2019/05/18 Python
Python日志无延迟实时写入的示例
2019/07/11 Python
keras做CNN的训练误差loss的下降操作
2020/06/22 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
美的官方商城:Midea
2016/09/14 全球购物
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
先进个人事迹材料
2014/01/25 职场文书
贷款委托书范本
2014/04/08 职场文书
语文教育专业求职信
2014/06/28 职场文书
纪录片信仰观后感
2015/06/08 职场文书
三国演义读书笔记
2015/06/25 职场文书