CODEWITHSUNDEEP
javascriptjquery
maaz
maaz

Reputation: 3664

How to create checkbox inside li dynamically using Jquery

I want to achieve following html 

 <li class="default_filter"><input type="checkbox" name="someName"/></li>

I tried:

 var dome= "$('.ulContainer')";

  var li= $('<li/>').text(data[i]).appendTo(dom);

  var cbx=$('<input type='checkbox'/>').name("someName").appendTo(li);

Upvotes: 0

Views: 710

Answers (2)

Sukrit Gupta
Sukrit Gupta

Reputation: 448

If Javascript can do you can use below:

//loop starts here 
var li = document.createElement('li');
li.className = 'default_filter';

var inputCB =  document.createElement('input');
inputCB.type = 'checkbox';
inputCB.setAttribute('name','someName');

li.appendChild(inputCB);

$('.ulContainer').append(li);
//loop ends here.

You can use it in a loop to Make multiple li's

Upvotes: 0

Bhushan Kawadkar
Bhushan Kawadkar

Reputation: 28513

Try this :

$('.ulContainer').append('<li class="default_filter">' + data[i] + '<input type="checkbox" name="someName"/></li>');

Upvotes: 1

Related Questions