使用Ajax的json回调元素来选中已操作的复选框
Manipulated checkbox to checked using element of json callback from Ajax
我在jquery中使用ajax来获得如下数据:
$.ajax({
url : "<?= base_url('surveyor/c_surveyor_inspection/get_data_untuk_inspection_surveyor_dua'); ?>",
type : "POST",
data : {
ID : id
},
dataType :'json',
success : function(response){
console.log(response);
}
});
基于这个ajax,我得到了这样的JSON:
{
"header ": [{
"NO_INSPECTION": "55",
"ID_CONDITION": "1",
"NAMA_CONDITION": "DIRTY"
}, {
"NO_INSPECTION": "55",
"ID_CONDITION": "2",
"NAMA_CONDITION": "DAMAGE"
}],
"transaction": [{
"NO_INSPECTION": "55",
"ID_ITEM_INSPECTION": "1",
"NOMOR_ITEM_INSPECTION": "1",
"NAMA_ITEM_INSPECTION": "Protection Box Cover",
"CONDITION": "9",
"ALIAS": "BE",
"NAME_ITEM": "BENT"
}, {
"NO_INSPECTION": "55",
"ID_ITEM_INSPECTION": "2",
"NOMOR_ITEM_INSPECTION": "2a",
"NAMA_ITEM_INSPECTION": "Manhole LID, Fastening Bolts",
"CONDITION": "7",
"ALIAS": "B",
"NAME_ITEM": "BROKEN"
}]
}
请在第一个元素og中看到这个名为header
的json有了这个元素,我想操作像这样的html复选框
<div class="col-sm-12">
<label class="checkbox-inline">
<input type="checkbox" value="1" checked="checked" name="condition[]">Dirty
</label>
<label class="checkbox-inline">
<input type="checkbox" value="2" name="condition[]">Damage
</label>
<label class="checkbox-inline">
<input type="checkbox" value="3" name="condition[]">Clean
</label>
<label class="checkbox-inline">
<input type="checkbox" value="4" name="condition[]">Off Hire
</label>
</div>
我应该怎么做才能成功ajax?也就是说,在JSON中,我得到了值和项"1'
、'DIRTY'
和'2'
、'DAMAGE'
",这意味着它将在html中被检查。感谢您的帮助。非常感谢
您可以这样做:
var i;
// uncheck all checkboxes
$('input[type=checkbox]').prop('checked', false);
// check appropriate checkboxes
for (i = 0; i < response.header.length; i = i + 1) {
$('input[type=checkbox][value=' + response.header[i].ID_CONDITION + ']').prop('checked', true);
}
相关文章:
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- Javascript Show Hide-将切换操作从复选框更改为<a href>链接
- 如何根据各种复选框状态执行操作
- 余烬操作阻止设置复选框值
- 使用Jquery操作窗体的复选框
- 如何使用复选框显示表单的更多选项并更改表单的操作属性
- 如果选中此复选框,则对其邻居执行此操作
- 如何将复选框的值传递给 MVC5 中的操作结果
- 选中后执行复选框操作
- 如何查找选中的复选框并将其传递给 MVC 中的操作结果
- Jquery - 选择使用复选框进行操作
- 不能发送超过 12 个单选按钮和表单操作邮件中的复选框选项
- 如何根据选中的复选框更改表单操作 URL
- 在复选框中存储表单操作URL'的值,并且使用该URL发出AJAX请求会导致无法解释的失败
- jstree复选框操作
- 使用Ajax的json回调元素来选中已操作的复选框
- 在复选框选中的操作中显示第二个元素
- 使用 JQuery 操作复选框
- 使用jquery操作复选框和文本框