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 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
jQuery之选项卡的简单实现
Feb 28 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
Dec 17 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
Nov 04 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
超人钢铁侠联手合作?美漫作家呼吁DC漫威合作联动以抵抗疫情
2020/04/09 欧美动漫
ThinkPHP提交表单时默认自动转义的解决方法
2014/11/25 PHP
PHP curl 或 file_get_contents 获取需要授权页面的方法
2017/05/05 PHP
laravel解决迁移文件一次删除创建字段报错的问题
2019/10/24 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
删除节点的jquery代码
2014/01/13 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
浅析Bootstrip的select控件绑定数据的问题
2016/05/10 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
使用nodejs下载风景壁纸
2017/02/05 NodeJs
vue-cli如何添加less 以及sass
2017/07/06 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
2017/07/10 jQuery
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
Ajax获取node服务器数据的完整步骤
2020/09/20 Javascript
[54:41]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VGJ.T VS paiN
2018/03/31 DOTA
python中cPickle类使用方法详解
2018/08/27 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
Python 实现数据结构-堆栈和队列的操作方法
2019/07/17 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
如何基于python实现不邻接植花
2020/05/01 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
个人应聘自我评价分享
2013/11/18 职场文书
旅游文化节策划方案
2014/06/06 职场文书
企业标语口号
2014/06/10 职场文书
尊老爱亲美德少年事迹材料
2014/08/14 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
军训阅兵新闻稿
2015/07/17 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
css3新特性的应用示例分析
2022/03/16 HTML / CSS