如何使用Jquery动态创建复选框

How to create checkbox inside li dynamically using Jquery

本文关键字：创建 复选框 动态 Jquery 何使用      更新时间：2023-09-26

我想实现以下html 

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

我试着:

 var dome= "$('.ulContainer')";
  var li= $('<li/>').text(data[i]).appendTo(dom);
  var cbx=$('<input type='checkbox'/>').name("someName").appendTo(li);

试试这个:

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

如果Javascript可以做到，你可以使用下面:

//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.

你可以在循环中使用它来生成多个li

相关文章：