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中插件dialog实现弹框效果实例代码
Nov 15 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
js实现文字跑马灯效果
Feb 23 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
微信小程序页面间跳转传参方式总结
Jun 13 Javascript
node-red File读取好保存实例讲解
Sep 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
ThinkPHP之A方法实例讲解
2014/06/20 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
2015/02/13 Javascript
JavaScript使用addEventListener添加事件监听用法实例
2015/06/01 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
layui 监听表格复选框选中值的方法
2018/08/15 Javascript
vant(ZanUi)结合async-validator实现表单验证的方法
2018/12/06 Javascript
模块化react-router配置方法详解
2019/06/03 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
python实现将文本转换成语音的方法
2015/05/28 Python
Python实现购物程序思路及代码
2017/07/24 Python
python里dict变成list实例方法
2019/06/26 Python
python的等深分箱实例
2019/11/22 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
浅谈keras中自定义二分类任务评价指标metrics的方法以及代码
2020/06/11 Python
CSS3的resize属性使用初探
2015/09/27 HTML / CSS
Silk’n激光脱毛器官网:silkn.com
2016/10/06 全球购物
迪拜航空官方网站:flydubai
2017/04/20 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
学校门卫工作职责
2013/12/07 职场文书
汉语言文学职业规划
2014/02/14 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
经济管理专业求职信
2014/06/09 职场文书
手机销售员岗位职责
2015/04/11 职场文书
面试通知单大全
2015/04/20 职场文书
家属联谊会致辞
2015/07/31 职场文书
医院病假条怎么写
2015/08/17 职场文书
小学2016年第十八届推普周活动总结
2016/04/05 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS