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 相关文章推荐
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
jquery实现用户信息修改验证输入方法汇总
Jul 18 Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
bootstrapfileinput实现文件自动上传
Nov 08 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
javascript判断回文数详解及实现代码
Feb 03 Javascript
vue 挂载路由到头部导航的方法
Nov 13 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 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会员权限控制实现原理分析
2011/05/29 PHP
PHP的博客ping服务代码
2012/02/04 PHP
PHP+iFrame实现页面无需刷新的异步文件上传
2014/09/16 PHP
php实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
2013/08/28 Javascript
JS+CSS实现可拖动的弹出提示框
2015/02/16 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
2016/03/06 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
微信小程序自定义底部弹出框
2020/11/16 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
[01:20]DOTA2 齐天大圣至宝动态展示
2016/12/13 DOTA
python中类的一些方法分析
2014/09/25 Python
python图像处理之反色实现方法
2015/05/30 Python
python实现整数的二进制循环移位
2019/03/08 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
平面设计自荐信
2013/10/07 职场文书
汽车运用工程毕业生自荐信
2013/10/29 职场文书
酒店管理专业自荐信
2014/05/23 职场文书
银行授权委托书格式
2014/10/10 职场文书
2014年学校卫生工作总结
2014/11/20 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
杨善洲观后感
2015/06/04 职场文书
公司行政管理制度范本
2015/08/05 职场文书