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 相关文章推荐
关于juqery radio写法的兼容性问题(新老版本jquery)
Jun 14 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
Feb 27 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
Nest.js参数校验和自定义返回数据格式详解
Mar 29 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设计模式 Visitor 访问者模式
2011/06/28 PHP
PHP中变量引用与变量销毁机制分析
2014/11/15 PHP
初试jQuery EasyUI 使用介绍
2010/04/01 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
vue2.0开发实践总结之入门篇
2016/12/06 Javascript
javascript闭包功能与用法实例分析
2017/04/06 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
JavaScript canvas实现围绕旋转动画
2017/11/18 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
Vue2 添加数据可视化支持的方法步骤
2019/01/02 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
pytorch 移动端部署之helloworld的使用
2020/10/30 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
Kidsroom台湾:来自德国的婴儿用品
2017/12/11 全球购物
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
Linux操作面试题
2015/02/11 面试题
幼儿如何来做好自我评价
2013/11/05 职场文书
学校万圣节活动方案
2014/02/13 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
滞留工资返还协议书
2014/10/19 职场文书
行政助理岗位职责范本
2015/04/11 职场文书