title: How to make dynamic checkbox input from JSON formed database
body: <p>can anyone help me how to make dynamic checkbox? </p>
  
  <p>so, i have JSON data like this</p>
  
  <pre><code> [ {
    "categoryName" : "Category 1",
    "items" : [ {
      "value" : "value1",
      "label" : "label1"
    }, {
      "value" : "value2",
      "label" : "label2"
    } ]
  }, {
    "categoryName" : "Category 2",
    "items" : [ {
      "value" : "value3",
      "label" : "label3"
    } ]
  } ]
  </code></pre>
  
  <p>as i know that checkbox inputs are require property like value and label, so all i need to do is fill that property with data from that JSON, the problem is how to make this checkbox is auto-generate based on data from that JSON.</p>
  
  <p>the result should be like
  <a href="https://i.stack.imgur.com/B3hFj.png" rel="nofollow noreferrer">THIS PICTURE</a></p>
  
  <p>PS: sorry for my bad english</p>