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函数的重载
Sep 22 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
JavaScript实现级联菜单的方法
Jun 29 Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
原生JS实现列表内容自动向上滚动效果
May 22 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 Javascript
Vue实现图片轮播组件思路及实例解析
May 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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
PHP操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
PHP支付系统设计与典型案例分享
2016/08/02 PHP
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
jQuery中:lt选择器用法实例
2014/12/29 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
微信小程序 http请求详细介绍
2016/10/09 Javascript
seajs学习教程之基础篇
2016/10/20 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
在ABP框架中使用BootstrapTable组件的方法
2017/07/31 Javascript
node.js 模块和其下载资源的镜像设置的方法
2018/09/06 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
python装饰器decorator介绍
2014/11/21 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
python中复数的共轭复数知识点总结
2020/12/06 Python
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
Myprotein荷兰官网:欧洲第一运动营养品牌
2020/07/11 全球购物
介绍一下sql server的安全性
2014/08/10 面试题
Servlet面试题库
2015/07/18 面试题
群众路线教育实践活动方案
2014/02/02 职场文书
校园文化建设方案
2014/02/03 职场文书
优良学风班申请材料
2014/02/13 职场文书
大学校务公开实施方案
2014/03/31 职场文书
婚礼家长致辞
2015/07/27 职场文书
利用Java设置Word文本框中的文字旋转方向的实现方法
2021/06/28 Java/Android
MySQL创建管理LIST分区
2022/04/13 MySQL
教你如何用cmd快速登录服务器
2022/06/10 Servers