Создать флажок в javascript

Question

У меня возникла проблема, когда я создаю флажок с помощью javascript, этот флажок нельзя проверить или снять флажок. Мой код в JavaScript является:

function createNewCheckboxt(name, id){ 
 
    var box = document.createElement("li"); 
 
    box.innerHTML = '<div class="checkbox clip-check check-primary"><input type="checkbox" name="cbrand" id="'+id+'" value="'+name+'" checked=""><label for="data'+ id +'">'+ name +'</label>'; \t 
 
\t \t \t document.getElementById("brand").appendChild(box); 
 
}

<ul class="list_brand_merchant" id="brand"> 
 
</ul>

Answer 1

Ниже код. Все, что я сделал, это добавить кнопку, чтобы вы могли нажать кнопку, чтобы добавить флажок в элементе ul. Вы можете использовать другие способы, но по крайней мере вам нужно запустить свою функцию.

function createNewCheckboxt(name, id){ 
 
    var box = document.createElement("li"); 
 
    box.innerHTML = '<div class="checkbox clip-check check-primary"><input type="checkbox" name="cbrand" id="'+id+'" value="'+name+'" checked=""><label for="data'+ id +'">'+ name +'</label>'; \t 
 
    document.getElementById("brand").appendChild(box); 
 
}

<button onclick="createNewCheckboxt()">add a checkbox</button> 
 
<ul class="list_brand_merchant" id="brand"> 
 
</ul>