您的位置:首页 > Web前端 > JQuery

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");
},
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery