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 相关文章推荐
Jquery Ajax请求代码(2)
Jan 07 Javascript
读jQuery之十 事件模块概述
Jun 27 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
Jul 24 Javascript
escape函数解决js中ajax传递中文出现乱码问题
Oct 30 Javascript
全面解析Bootstrap表单使用方法(表单样式)
Nov 24 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
vue实现跨域的方法分析
May 21 Javascript
vue filter 完美时间日期格式的代码
Aug 14 Javascript
浅谈bootstrap layer.open中end的使用方法
Sep 12 Javascript
用JS创建一个录屏功能
Nov 11 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
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
jQuery对象和Javascript对象之间转换的实例代码
2013/03/20 Javascript
JS自动适应的图片弹窗实例
2013/06/29 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
每天一篇javascript学习小结(Date对象)
2015/11/13 Javascript
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
Vue结合后台导入导出Excel问题详解
2019/02/19 Javascript
selenium+java中用js来完成日期的修改
2019/10/31 Javascript
jquery实现弹窗(系统提示框)效果
2019/12/10 jQuery
Python脚本实现网卡流量监控
2015/02/14 Python
python判断输入日期为第几天的实例
2018/11/13 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
安装好Pycharm后如何配置Python解释器简易教程
2019/06/28 Python
Python 画出来六维图
2019/07/26 Python
学Python 3的理由和必要性
2019/11/19 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
基于python爬取梨视频实现过程解析
2020/11/09 Python
台湾时尚彩瞳专门店:imeime
2019/08/16 全球购物
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
工作中个人的自我评价
2013/12/31 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
班级活动总结格式
2014/08/30 职场文书
办理房产证委托书
2014/09/18 职场文书
Android自定义scrollview实现回弹效果
2022/04/01 Java/Android
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers