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 相关文章推荐
基于jQuery的弹出框插件
Mar 18 Javascript
js中top/parent/frame概述及案例应用
Feb 06 Javascript
JavaScript获取flash对象与网上的有所不同
Apr 21 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
JavaScript对象拷贝与赋值操作实例分析
Dec 10 Javascript
微信小程序实现图片上传
May 23 Javascript
webpack中的模式(mode)使用详解
Feb 20 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 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
Thinkphp3.2简单解决多文件上传只上传一张的问题
2017/09/26 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
JavaScript弹出窗口方法汇总
2014/08/12 Javascript
js打造数组转json函数
2015/01/14 Javascript
JavaScript中setTimeout的那些事儿
2016/11/14 Javascript
JS敏感词过滤代码
2016/12/23 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
python实现可将字符转换成大写的tcp服务器实例
2015/04/29 Python
python自定义类并使用的方法
2015/05/07 Python
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
python 字符串只保留汉字的方法
2018/11/16 Python
python实现简单flappy bird
2018/12/24 Python
python字典排序的方法
2019/10/12 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
考试退步检讨书
2014/01/15 职场文书
数控专业大学毕业生职业规划范文
2014/02/06 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
快餐公司创业计划书
2014/04/29 职场文书
动物科学专业求职信
2014/07/27 职场文书
毕业证代领委托书
2014/09/26 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
监护人证明
2015/06/19 职场文书
为什么MySQL分页用limit会越来越慢
2021/07/25 MySQL
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL