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 相关文章推荐
Prototype使用指南之range.js
Jan 10 Javascript
JavaScript 三种不同位置代码的写法
Oct 25 Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
Mar 09 Javascript
在次封装easyui-Dialog插件实现代码
Nov 14 Javascript
jQuery-Tools-overlay 使用介绍
Jul 14 Javascript
Javascript 命名空间模式
Nov 01 Javascript
jQuery 1.9移除了$.browser可以使用$.support来替代
Sep 03 Javascript
Highcharts学习之数据列
Aug 03 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
vue-cli构建项目下使用微信分享功能
May 28 Javascript
详解vue-cli 脚手架 安装
Apr 16 Javascript
详解JVM系列之内存模型
Jun 10 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 define函数的使用说明
2008/08/27 PHP
url decode problem 解决方法
2011/12/26 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
jquery JSON的解析方式
2009/07/25 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
原生的强大DOM选择器querySelector介绍
2016/12/21 Javascript
Node.js利用debug模块打印出调试日志的方法
2017/04/25 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
vue使用xe-utils函数库的具体方法
2018/03/06 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
Python计算三角函数之asin()方法的使用
2015/05/15 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
python绘制直方图和密度图的实例
2019/07/08 Python
python3实现微型的web服务器
2019/09/03 Python
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
PHP面试题附答案
2015/11/28 面试题
公关关系专员的自我评价分享
2013/11/20 职场文书
创新型城市实施方案
2014/03/06 职场文书
导师就业推荐信范文
2014/05/22 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书
css3实现的加载动画效果
2021/04/07 HTML / CSS
mysql 带多个条件的查询方式
2021/06/05 MySQL
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记