想要添加复选框到动态创建的李

Want to add checkboxes to dynamically created li

本文关键字：创建 动态 添加 复选框      更新时间：2024-03-07

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

在JavaScript中附加li后，添加一个带有type复选框的输入元素。

$("#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>

相关文章：