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

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -