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 去字符串空格终极版(支持utf8)
Nov 14 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
Javascript中拼接大量字符串的方法
Feb 05 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
Oct 28 Javascript
js微信扫描二维码登录网站技术原理
Dec 01 Javascript
jQuery基于事件控制实现点击显示内容下拉效果
Mar 07 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
Element Cascader 级联选择器的使用示例
Jul 27 Javascript
微信小程序实现分页加载效果
Nov 19 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
javascript Discuz代码中的msn聊天小功能
2008/05/25 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
Javascript基础_标记文字的实现方法
2016/06/14 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
2016/06/17 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
移动端效果之Swiper详解
2017/10/09 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
详解关于html,css,js三者的加载顺序问题
2019/04/10 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
ES6如何用一句代码实现函数的柯里化
2020/01/18 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
python使用pycharm环境调用opencv库
2018/02/11 Python
python循环输出三角形图案的例子
2019/11/22 Python
pandas factorize实现将字符串特征转化为数字特征
2019/12/19 Python
HTML5中的音频和视频媒体播放元素小结
2016/01/29 HTML / CSS
运动鞋中的劳斯莱斯:索康尼(SAUCONY)
2017/08/09 全球购物
工程力学硕士生的自我评价范文
2013/11/16 职场文书
教导处工作制度
2014/01/18 职场文书
班长演讲稿范文
2014/04/24 职场文书
三年级班级文化建设方案
2014/05/04 职场文书
培训研修方案
2014/06/06 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
房产协议书范本2014
2014/09/30 职场文书
群众路线个人剖析材料及整改措施
2014/11/04 职场文书
2015年党小组工作总结
2015/05/26 职场文书
房屋质量投诉书
2015/07/02 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android