1:当返回值是字符串的时候
data.json:
代码语言:javascript复制{
"circle": "2;3;4;5;6;1"
}示例代码:
代码语言:javascript复制
input[type=checkbox]{
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none;
cursor: pointer;
margin:0;
}
input[type=checkbox]{
width:13px;
height:13px;
background: url(images/check.png);
background-size: 100% 100%;
}
input[type=checkbox]:checked{
background: url(images/checked.png);
background-size: 100% 100%;
}
周一
周二
周三
周四
周五
周六
周日
$.ajax({
url: "data.json",
type: 'GET',
dataType: 'json',
success: function(data) {
$.each(data.circle.split(";"), function(i, item) {
$('input[name="circle"][value="' + item + '"]').attr('checked', 'checked')
})
}
});
2:当返回值是数组对象的时候
data.json:
代码语言:javascript复制{
"tasks": [{
"id": 1,
"name": "任务一"
}, {
"id": 2,
"name": "任务二"
},{
"id": 3,
"name": "任务三"
},{
"id": 4,
"name": "任务四"
}]
}参考代码:
代码语言:javascript复制
input[type=checkbox]{
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none;
cursor: pointer;
margin:0;
}
input[type=checkbox]{
width:13px;
height:13px;
background: url(images/check.png);
background-size: 100% 100%;
margin-right:8px;
}
input[type=checkbox]:checked{
background: url(images/checked.png);
background-size: 100% 100%;
}
$.ajax({
url: "data.json",
type: 'GET',
dataType: 'json',
success: function(data) {
//checkbox渲染
var htmlQuery = "";
$.each(data.tasks,function(i, item) {
htmlQuery += ''
+ item.name
+ '';
})
$(".workQueryList").html(htmlQuery)
}
});
显示如下
3:当返回值是数组字符串的时候
代码语言:javascript复制{
"permTokens": ["site", "alarm", "distribution", "my"],
}示例代码
代码语言:javascript复制
input[type=checkbox]{
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none;
cursor: pointer;
margin:0;
}
input[type=checkbox]{
width:13px;
height:13px;
background: url(images/check.png);
background-size: 100% 100%;
margin-right:8px;
}
input[type=checkbox]:checked{
background: url(images/checked.png);
background-size: 100% 100%;
}
位置
告警
分布
我的
作业管理
电子巡更
员工管理
$.ajax({
url: "data.json",
type: 'GET',
dataType: 'json',
success: function(data) {
$.each(data.permTokens, function(i, item) {
$('input[value="' + item + '"]').attr("checked", "checked")
})
}
});