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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
jQuery对象与DOM对象之间的相互转换
Mar 03 Javascript
jQuery实现只允许输入数字和小数点的方法
Mar 02 Javascript
jQuery插件制作的实例教程
May 16 Javascript
JavaScript实现图片无缝滚动效果
Jul 07 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
详解Koa中更方便简单发送响应的方式
Jul 20 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
JS apply用法总结和使用场景实例分析
Mar 14 Javascript
JavaScript实现滚动加载更多
Dec 27 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 高手之路(一)
2006/10/09 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
Json_encode防止汉字转义成unicode的方法
2016/02/25 PHP
PHP实现向关联数组指定的Key之前插入元素的方法
2017/06/06 PHP
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
2010/03/02 Javascript
JS高级笔记
2011/07/13 Javascript
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
Extjs3.0 checkboxGroup 动态添加item实现思路
2013/08/14 Javascript
javascript实现的DES加密示例
2013/10/30 Javascript
JavaScript数值转换的三种方式总结
2014/07/31 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
IE9+已经不对document.createElement向下兼容的解决方法
2015/09/14 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
javascript实现网站加入收藏功能
2015/12/16 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
小程序hover-class点击态效果实现
2019/02/26 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
python文件操作整理汇总
2014/10/21 Python
Python中splitlines()方法的使用简介
2015/05/20 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
Python使用QRCode模块生成二维码实例详解
2017/06/14 Python
python3操作mysql数据库的方法
2017/06/23 Python
Python将多个excel表格合并为一个表格
2021/02/22 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python3爬虫中关于中文分词的详解
2020/07/29 Python
使用Python画了一棵圣诞树的实例代码
2020/11/27 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
如何选择使用结构还是类
2014/05/30 面试题
党员考试作弊检讨书1000字
2015/02/16 职场文书
环卫个人总结
2015/03/03 职场文书
浅谈JavaScript作用域
2021/12/06 Javascript