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 10 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
Nov 05 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
利用Javascript开发一个二维周视图日历
Dec 14 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
Sep 13 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 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
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
PHP句法规则详解 入门学习
2011/11/09 PHP
PHP中使用break跳出多重循环代码实例
2015/01/21 PHP
Linux服务器下PHPMailer发送邮件失败的问题解决
2017/03/04 PHP
thinkPHP5使用Rabc实现权限管理
2019/08/28 PHP
THREE.JS入门教程(4)创建粒子系统
2013/01/24 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
JavaScript使用DeviceOne开发实战(三)仿微信应用
2015/12/02 Javascript
Bootstrap布局方式详解
2016/05/27 Javascript
JavaScript ES6的新特性使用新方法定义Class
2016/06/28 Javascript
JavaScript实现的微信二维码图片生成器的示例
2016/10/26 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
2017/02/27 Javascript
JS实现的按钮点击颜色切换功能示例
2017/10/19 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
JavaScript多种页面刷新方法小结
2019/04/04 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
2019/06/21 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
python实现的文件夹清理程序分享
2014/11/22 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
pandas参数设置的实用小技巧
2020/08/23 Python
python中yield的用法详解
2021/01/13 Python
Python环境搭建过程从安装到Hello World
2021/02/05 Python
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
2019/10/15 HTML / CSS
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
会计自我鉴定范文
2013/10/06 职场文书
大学军训感言200字
2014/02/26 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
2014最新离职证明范本
2014/09/12 职场文书
意外死亡赔偿协议书
2014/10/14 职场文书
道歉情书大全
2015/05/12 职场文书
python xlwt模块的使用解析
2021/04/13 Python
Django中的JWT身份验证的实现
2021/05/07 Python
uniapp引入支付宝原生扫码插件步骤详解
2022/07/23 Javascript