想要向动态创建的li添加复选框

Question

这是我的代码。 这会将li动态添加到ID为“ list”的。 如何为每个li添加一个复选框？

  $("#add").on("click", function(e){ $("#list").append("<li>" + $("#prenume").val() + " " + $("#nume").val() + "</li>"); return false; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <form> Prenume <input type="text" id="prenume"></input> Nume <input type="text" id="nume"></input> </form> <button id="add">Add</button> <ul id="list"> </ul> 

Answer 1

将li附加到JavaScript中后，添加带有类型复选框的input元素。

 $("#add").on("click", function(e){ $("#list").append("<li><input type='checkbox'>" + $("#prenume").val() + " " + $("#nume").val() + "</li>"); return false; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <form> Prenume <input type="text" id="prenume"></input> Nume <input type="text" id="nume"></input> </form> <button id="add">Add</button> <ul id="list"> </ul>