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 相关文章推荐
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
Dec 12 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
Apr 20 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
May 04 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
elementUI select组件默认选中效果实现的方法
Mar 25 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
Sep 09 Javascript
jQuery实现电梯导航模块
Dec 22 jQuery
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 时间转换Unix时间戳代码
2010/01/22 PHP
PHP 采集程序原理分析篇
2010/03/05 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
基于JavaScript代码实现随机漂浮图片广告
2016/01/05 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
基于Vue实现拖拽效果
2018/04/27 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
vue.js循环radio的实例
2019/11/07 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
2020/03/03 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
微信小程序用户盒子、宫格列表的实现
2020/07/01 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
python函数返回多个值的示例方法
2013/12/04 Python
Python3标准库总结
2019/02/19 Python
python pandas模块基础学习详解
2019/07/03 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
Django 自动生成api接口文档教程
2019/11/19 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
python关于变量名的基础知识点
2020/03/03 Python
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
机电专业大学生求职信
2013/10/04 职场文书
房屋改造计划书
2014/01/10 职场文书
学校万圣节活动方案
2014/02/13 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
PHP策略模式写法
2021/04/01 PHP