javascript - How to change checkbox follow JSON string? -
i want change checkbox follow json string . don't know how . me json string, "1" mean checked , "0" mean unchecked
[{"group_product":"g04","orange":1,"banana":0,"apple":1,"candy":0,"food":1}]
and html code.
<table id=table_product> <tr><td><input type="checkbox" class="checkbox1" id="orange" name="check[]" />orange</td></tr> <tr><td><input type="checkbox" class="checkbox1" id="banana" name="check[]" />banana</td></tr> <tr><td><input type="checkbox" class="checkbox1" id="apple" name="check[]" />apple</td></tr> <tr><td><input type="checkbox" class="checkbox1" id="candy" name="check[]" />candy</td></tr> <tr><td><input type="checkbox" class="checkbox1" id="food" name="check[]" />food</td></tr> </table>
ok , use ways.i'll name , value in object json, compare id of checkbox , checked it.
contenttype: "application/json; charset=utf-8", datatype: "json", success: function (data) { var obj = jquery.parsejson(data.d); (var item in obj[0]) { if (item.valueof > 0) { document.getelementbyid(item).checked = true; } } }, error: function (data) { console.log(data.d); }
if have idea or solution, share me.
add id checkboxes...
<input type="checkbox" class="checkbox1" id="chkapple" name="check[]" />apple
then check them follows:
success: function (data) { var obj = jquery.parsejson(data.d); $("#chkapple").prop('checked', obj[0].apple > 0); }
or better yet, change json use booleans not integers , get...
$("#chkapple").prop('checked', obj[0].apple);
note we're using obj[0]
because json list single object. did intend that?
if not, remove []
json...
{"group_product":"g04","orange":true,"banana":false,"apple":true,"candy":false,"food":true}
and becomes
$("#chkapple").prop('checked', obj.apple);
to answer question in comments...
var obj = jquery.parsejson(data.d); (var item in obj[0]) { document.getelementbyid(item).checked = obj[0][item] > 0; }
Comments
Post a Comment