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对内存分配及管理机制详细解析
Nov 11 Javascript
js创建表单元素并使用submit进行提交
Aug 14 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
jQuery实现列表内容的动态载入特效
Aug 08 Javascript
详解JavaScript正则表达式之RegExp对象
Dec 13 Javascript
微信小程序 基础知识css样式media标签
Feb 15 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 Vue.js
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
mysql 中InnoDB和MyISAM的区别分析小结
2008/04/15 PHP
PHP stripos()函数及注意事项的分析
2013/06/08 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
Laravel5.1 框架Middleware中间件基本用法实例分析
2020/01/04 PHP
php中yii框架实例用法
2020/12/22 PHP
求得div 下 img的src地址的js代码
2007/02/28 Javascript
JavaScript 检测浏览器和操作系统的脚本
2008/12/26 Javascript
js 居中漂浮广告
2010/03/21 Javascript
关于html+ashx开发中几个问题的解决方法
2011/07/18 Javascript
javascript 通用loading动画效果实例代码
2014/01/14 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
利用javascript实现全部删或清空所选的操作
2014/05/27 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
基于input框覆盖掉数字英文的实例讲解
2017/07/21 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
利用Node.js批量抓取高清妹子图片实例教程
2018/08/02 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
详解Angular Karma测试的持续集成实践
2019/11/15 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
python单链表实现代码实例
2013/11/21 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
Python制作数据预测集成工具(值得收藏)
2020/08/21 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
通过HTML5 Canvas API绘制弧线和圆形的教程
2016/03/14 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
关于VPN
2012/06/10 面试题
九年级历史教学反思
2014/01/27 职场文书
初中高效课堂实施方案
2014/02/26 职场文书
班级心理活动总结
2014/07/04 职场文书
机关作风建设心得体会
2014/10/22 职场文书
2014年体检中心工作总结
2014/12/23 职场文书