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 iframe编程相关代码
Dec 28 Javascript
jQuery中读取json文件示例代码
May 10 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
JS合并数组的几种方法及优劣比较
Sep 19 Javascript
深入浅出分析javaScript中this用法
May 09 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
Jun 07 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
vue.js做一个简单的编辑菜谱功能
May 08 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
vue中axios实现数据交互与跨域问题
May 12 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
php检查字符串中是否包含7位GSM字符的方法
2015/03/17 PHP
php实现等比例压缩图片
2018/07/26 PHP
微信支付之JSAPI公众号支付详解
2019/05/15 PHP
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
辨析JavaScript中的Undefined类型与null类型
2016/05/26 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
Angular4.0动画操作实例详解
2019/05/10 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
vue倒计时刷新页面不会从头开始的解决方法
2020/03/03 Javascript
使用Vant完成通知栏Notify的提示操作
2020/11/11 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
[02:24]DOTA2痛苦女王 英雄基础教程
2013/11/26 DOTA
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
python 生成不重复的随机数的代码
2011/05/15 Python
Python中关于使用模块的基础知识
2015/05/24 Python
Python 功能和特点(新手必学)
2015/12/30 Python
Python实现图片拼接的代码
2018/07/02 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
通过实例解析Python调用json模块
2019/12/11 Python
python time()的实例用法
2020/11/03 Python
canvas烟花特效锦集
2018/01/17 HTML / CSS
trivago美国:全球最大的酒店价格比较网站
2018/01/18 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
中医药大学毕业生自荐信
2013/11/08 职场文书
要账委托书范本
2014/09/15 职场文书
人民币使用说明书
2019/04/17 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
spring boot中nativeQuery的用法
2021/07/26 Java/Android
HTML基础详解(下)
2021/10/16 HTML / CSS