在javascript中創建複選框

我有一個問題，當我使用javascript創建複選框時，複選框無法選中或取消選中。我的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>

來源

2016-12-07 Naily Jihan

我可以檢查，並取消它。您能否請檢查控制檯並確認是否有任何錯誤？ –

https://jsfiddle.net/356zyLwz/ < - 小提琴鏈接，以支持我上面的評論 –

工作正常在這裏https://jsfiddle.net/4rybx9xj/ –

-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>

來源

2016-12-07 11:11:26 noob

這似乎並不是他的問題是創造該複選框 - 他似乎很清楚，問題是由於某種原因，它不能被檢查或未選中。 – 2016-12-07 11:28:06

謝謝，現在解決 –

回答

相關問題