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的public、private和privileged模式
Dec 28 Javascript
用JavaScript实现动画效果的方法
Jul 20 Javascript
图片动画横条广告带上下滚动的JS代码
Oct 25 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
js实现简单鼠标跟随效果的方法
Apr 10 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
vue2.0 实现导航守卫(路由守卫)
May 21 Javascript
vue axios封装及API统一管理的方法
Apr 18 Javascript
js实现无限层级树形数据结构(创新算法)
Feb 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判断一个数组是否为有序的方法
2015/03/27 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
使用phpQuery获取数组的实例
2017/03/13 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
PHP多进程通信-消息队列使用
2019/03/08 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
JS 对象介绍
2010/01/20 Javascript
actionscript与javascript的区别
2011/05/25 Javascript
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
类似天猫商品详情随浏览器移动的示例代码
2014/02/27 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
基于JavaScript实现点击页面任何位置返回
2016/08/31 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
微信小程序实现循环动画效果
2018/07/16 Javascript
koa router 多文件引入的方法示例
2019/05/22 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
Python 根据日志级别打印不同颜色的日志的方法示例
2019/08/08 Python
CSS3媒体查询(Media Queries)介绍
2013/09/12 HTML / CSS
机电专业大学生求职信
2013/10/04 职场文书
庆元旦文艺演出主持词
2014/03/27 职场文书
先进事迹演讲稿
2014/09/01 职场文书
运动会广播稿200字
2014/10/18 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
副总经理岗位职责范本
2015/04/08 职场文书
预备党员转正意见
2015/06/01 职场文书
Redis 哨兵机制及配置实现
2022/03/25 Redis
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android
MySql统计函数COUNT的具体使用详解
2022/08/14 MySQL