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 相关文章推荐
js 弹出框 替代浏览器的弹出框
Oct 29 Javascript
js获取和设置属性的方法
Feb 20 Javascript
JS二维数组的定义说明
Mar 03 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
Jquery响应回车键直接提交表单操作代码
Jul 25 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
Jul 28 Javascript
chrome调试javascript详解
Oct 21 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
Jul 12 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
php设计模式 Strategy(策略模式)
2011/06/26 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
extjs DataReader、JsonReader、XmlReader的构造方法
2009/11/07 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
重载toString实现JS HashMap分析
2011/03/13 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
使用js简单实现了tree树菜单
2013/11/20 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
2015/08/31 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
[48:12]Secret vs Optic Supermajor 胜者组 BO3 第三场 6.4
2018/06/05 DOTA
Python装饰器用法实例总结
2018/02/07 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
python制作mysql数据迁移脚本
2019/01/01 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
护士自荐信
2013/10/25 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
企业委托书范本
2014/09/13 职场文书
优秀班主任材料
2014/12/16 职场文书
大学生在校表现评语
2014/12/31 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书
劳动模范获奖感言
2015/07/31 职场文书
关于职业道德的心得体会
2016/01/18 职场文书
python使用matplotlib绘制图片时x轴的刻度处理
2021/08/30 Python
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技