想添加複選框來動態創建li

這是我的代碼。這將動態添加到帶有id「list」的li。我怎樣才能添加到每一個複選框？想添加複選框來動態創建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>

來源

2016-04-07 Andrei Simedre

放一個複選框，它裏面的HTML標記？ – epascarello

您是否嘗試過在添加'li'時添加複選框？ – Antiga

我嘗試過，但是當我點擊添加按鈕時，它添加了一個。然後，當我想要製作另一個li時，它將爲第一個li創建另一個複選框，而不是將其添加到第二個複選框，因此也是如此 –

後您附加在你的JavaScript李，與該類型複選框添加輸入元素。

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

來源

2016-04-07 19:03:29 Wowsk

想添加複選框來動態創建li

回答

相關問題