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 相关文章推荐
JavaScript静态的动态
Sep 18 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
Dec 19 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
Apr 07 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 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中substr()函数参数说明及用法实例
2014/11/15 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
PHP递归实现汉诺塔问题的方法示例
2017/11/25 PHP
学习js在线html(富文本,所见即所得)编辑器
2012/12/18 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
简单的js计算器实现
2016/10/26 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
详解项目升级到vue-cli3的正确姿势
2019/01/28 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
python实现批量下载新浪博客的方法
2015/06/15 Python
20个常用Python运维库和模块
2018/02/12 Python
python 对象和json互相转换方法
2018/03/22 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
实习期自我鉴定
2013/10/11 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
我的小天地教学反思
2014/04/30 职场文书
党员学习中共十八大报告思想汇报
2014/09/15 职场文书
2014幼儿园教育教学工作总结
2014/12/17 职场文书
求职推荐信范文
2015/03/27 职场文书
大学生活感想
2015/08/10 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
Python使用scapy模块发包收包
2021/05/07 Python
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript