loadTemplate用ajax获取数据动态加入多个ratio
2016-07-14 16:17
501 查看
ajax传回来的数据{“success”:true,”items”:[{“name”:”看脸”,”mark”:100},{“name”:”还是看脸”,”mark”:100}],”content”:”“}
<script id="scoreListTemplate" type="text/html"> <li class="clearfix clear_both"> <span data-content="name" class="score_name"></span> <span class="score_radios"> <label><input type="radio" value="20" data-name="name">20</label> <label><input type="radio" value="40" data-name="name">40</label> <label><input type="radio" value="60" data-name="name">60</label> <label><input type="radio" value="80" data-name="name">80</label> <label><input type="radio" value="100" data-name="name">100</label> </span> </li> </script> $(function() { var listScoreTable = function(sheets) { $(sheets).each(function() { $("#score_wrapper ul").loadTemplate("#scoreListTemplate", this, { append: true, beforeInsert: function (obj, data) { var $radios = obj.find("input"); $radios.each(function() { if($(this).val() == data.mark) { $(this).attr("checked", "checked"); } }); } }); }) }; $.ajax({ url: "job/hr/getMarkSheet.action", type:"GET", cache:false, data:{ userId:${job.userId}, jobId:${job.id} }, contentType: 'application/x-www-form-urlencoded; charset=utf-8', success:function(data){ console.log(data); listScoreTable(data.items); $("#remark")[0].innerHTML=data.content; }, error:function(data){ console.log("failured"); }, }); });
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码