Unable to Generate Dynamic Checkboxs Base on an Array

Question

Can you please take a look at this code and let me know wha I am not able to create checkbox from the array of items

 var items: ['item1', 'item2', 'item3', 'item4', 'item5', 'item6'];
for (i = 0; i < items.length; i++) {
   $('#checks').appendTo('<input type="checkbox">');
}

.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="checks"> </div>

Dave · Accepted Answer · 2015-09-24 21:38:49Z

1

You've got a couple problems. You should use append instead of appendTo and you've got an errant : that should be an =.

var obj = { items : ['item1', 'item2', 'item3', 'item4', 'item5', 'item6'] };
for (i = 0; i < obj.items.length; i++) {
  var id = "check" + i;
  $('#checks').append('<input id="' + id + '" type="checkbox"><label for="' + id + '">' + obj.items[i] + '</label>');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="checks"> </div>

edited Sep 24, 2015 at 21:38

answered Sep 24, 2015 at 21:28

Dave

11k3 gold badges45 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Suffii Over a year ago

Thanks Dave but how can we bind the items to checkbox names?

Suffii Over a year ago

sorry, I mean how about checkbox labels?

Suffii Over a year ago

Thanks Dave, just one more question, in case of having array in js object?! which is for sure like item: [], how to handle that?

Dave Over a year ago

I wrapped the array in an object. Is this what you mean?

Collectives™ on Stack Overflow

Unable to Generate Dynamic Checkboxs Base on an Array

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related