<p>Dieses Formular ist eine Aufgabenliste mit HTML/CSS/JavaScript und jede Zeile verfügt über ein Kontrollkästchen basierend auf abgeschlossenen oder nicht erledigten Aufgaben. Ich habe eine Veranstaltung erstellt. Es ruft einige Werte von einem Objekt ab, wie Text, Erstellungszeit, ID usw., und hängt schließlich ein li-Tag an <strong>inner HTML+=<code>...</code></ an. stark> Wenn ich das vorherige Kontrollkästchen in </p><li> aktiviert habe, aber wenn das Ereignis ausgelöst wird (Taste gedrückt), wird die neue Zeile deaktiviert hinzugefügt (was normal ist), aber die vorherige Zeile mit Kontrollkästchen ist ebenfalls deaktiviert! ? <p><br /></p></li>

"use strict";
window.addEventListener('load', onLoaded, false);

function onLoaded(evt)
{
    document.getElementById('addNewBtn').addEventListener('click', onAddBtnClick, false);
}

function onAddBtnClick(evt)
{
    let newStr = "<li><input type='checkbox'/></li>";
    document.querySelector('ul').innerHTML += newStr;
}

    <ul>
        <li><input type='checkbox'/></li>
    </ul>
    <button id='addNewBtn'>添加新项目</button>

"use strict";
window.addEventListener('load', onLoaded, false);

function onLoaded(evt)
{
    document.getElementById('addNewBtn').addEventListener('click', onAddBtnClick2, false);
}

function onAddBtnClick2(evt)
{
    let newLi = document.createElement('li');
    newLi.innerHTML = "<input type='checkbox'/>";
    document.querySelector('ul').appendChild(newLi);
}

    <ul>
        <li><input type='checkbox'/></li>
    </ul>
    <button id='addNewBtn'>添加新项目</button>