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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
利用JS判断鼠标移入元素的方向
Dec 11 Javascript
Node.js使用cookie保持登录的方法
May 11 Javascript
JS实现面向对象继承的5种方式分析
Jul 21 Javascript
详解使用React制作一个模态框
Mar 14 Javascript
jquery.pager.js分页实现详解
Jul 29 jQuery
javascript如何实现create方法
Nov 04 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
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连接mssql:pdo odbc sql server
2011/07/20 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
CI框架AR数据库操作常用函数总结
2016/11/21 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
PHP基于mcript扩展实现对称加密功能示例
2019/02/21 PHP
图片自动缩小 点击放大
2008/07/07 Javascript
js几个验证函数代码
2010/03/25 Javascript
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
javascript继承之为什么要继承
2012/11/10 Javascript
jQuery:节点(插入,复制,替换,删除)操作
2013/03/04 Javascript
判断数组是否包含某个元素的js函数实现方法
2016/05/19 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
2016/12/28 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
Python中统计函数运行耗时的方法
2015/05/05 Python
Python中subprocess的简单使用示例
2015/07/28 Python
python先序遍历二叉树问题
2017/11/10 Python
python 将md5转为16字节的方法
2018/05/29 Python
3分钟学会一个Python小技巧
2018/11/23 Python
Python实现新型冠状病毒传播模型及预测代码实例
2020/02/05 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
PHP如何调用MYSQL存储过程
2014/05/30 面试题
《日月潭》教学反思
2014/02/28 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
大学生实习证明范本
2014/09/19 职场文书
工作表扬信
2015/01/17 职场文书
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis
尝试使用Python爬取城市租房信息
2022/04/12 Python
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技