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 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
使用jQuery避免鼠标双击的解决方案
Aug 21 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
Apr 25 Javascript
javascript数组去重的六种方法汇总
Aug 16 Javascript
浅析node连接数据库(express+mysql)
Nov 30 Javascript
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
Mar 09 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
JS原形与原型链深入详解
May 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 第二节 数据类型之数组
2012/04/28 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
2014/06/23 Javascript
大型JavaScript应用程序架构设计模式
2016/06/29 Javascript
JS实现HTML表格排序功能
2016/08/05 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
2017/05/26 Javascript
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
JavaScript实现网页下拉菜单效果
2020/11/20 Javascript
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
基于python实现文件加密功能
2020/01/06 Python
Tensorflow 卷积的梯度反向传播过程
2020/02/10 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
python def 定义函数,调用函数方式
2020/06/02 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
致铅球运动员广播稿精选
2014/01/12 职场文书
红领巾心向党广播稿
2014/01/19 职场文书
工作表现自我评价
2014/02/08 职场文书
英语导游词
2015/02/13 职场文书
教师党员自我评价2015
2015/03/04 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
JavaScript实现登录窗体
2021/06/22 Javascript
gateway与spring-boot-starter-web冲突问题的解决
2021/07/16 Java/Android
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL