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之通用简单的table选项卡实现(二)
May 09 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
Jquery实现带动画效果的经典二级导航菜单
Mar 22 Javascript
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
Apr 28 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
Javascript学习笔记之数组的构造函数
Nov 23 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
Aug 15 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
Python版实现微信公众号扫码登陆
May 28 Javascript
JavaScript控制台的更多功能
Apr 28 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
附件名前加网站名
2008/03/23 PHP
PHP、Java des加密解密实例
2015/04/27 PHP
PHP模拟asp中response类实现方法
2015/08/08 PHP
分享3个php获取日历的函数
2015/09/25 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
javascript内存分配原理实例分析
2017/04/10 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
2019/04/08 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
python 判断一个进程是否存在
2009/04/09 Python
Django中的forms组件实例详解
2018/11/08 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
django写用户登录判定并跳转制定页面的实例
2019/08/21 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
通过实例解析python描述符原理作用
2020/01/22 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
Python连接SQLite数据库并进行增册改查操作方法详解
2020/02/18 Python
Python try except finally资源回收的实现
2021/01/25 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
苹果Mac升级:MacSales.com
2017/11/20 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
村官工作鉴定评语
2014/01/27 职场文书
医药类个人求职的自我评价
2014/02/12 职场文书
小学教师个人总结
2015/02/05 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
让子弹飞观后感
2015/06/11 职场文书
格林童话读书笔记
2015/06/30 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
Ajax异步刷新功能及简单案例
2021/11/20 Javascript