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

Question

这是我的代码。这会将li动态添加到with“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

在您的JavaScript中附加li后，添加一个类型为复选框的输入元素。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;