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>