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 相关文章推荐
firefo xml 读写实现js代码
Jun 11 Javascript
javascript encodeURI和encodeURIComponent的比较
Apr 03 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
Jan 07 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
Apr 04 Javascript
jQuery插件开发汇总
May 15 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
Sep 04 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
记录一次开发微信网页分享的步骤
May 07 Javascript
微信打开网址添加在浏览器中打开提示的办法
May 20 Javascript
layui原生表单验证的实例
Sep 09 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提取中文首字母
2008/04/09 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
php笔记之:php数组相关函数的使用
2013/04/26 PHP
计算php页面运行时间的函数介绍
2013/07/01 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
php中引用符号(&amp;)的使用详细介绍
2016/12/06 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
jQuery Ajax提交表单查询获得数据实例代码
2012/09/19 Javascript
设置checkbox为只读(readOnly)的两种方式
2013/10/11 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
JS常见算法详解
2017/02/28 Javascript
jQuery插件Echarts实现的渐变色柱状图
2017/03/23 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
2017/11/08 jQuery
利用node.js如何创建子进程详解
2017/12/09 Javascript
原生JS封装_new函数实现new关键字的功能
2018/08/12 Javascript
Selenium 模拟浏览器动态加载页面的实现方法
2018/05/16 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
python程序 创建多线程过程详解
2019/09/23 Python
在python shell中运行python文件的实现
2019/12/21 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
CSS3实现swap交换动画
2016/01/19 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
网购亚洲时装、美容产品和生活百货:YesStyle
2016/09/15 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
医学专业本科毕业生自我鉴定
2013/12/28 职场文书
Python OpenCV之常用滤波器使用详解
2022/04/07 Python
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技