Question

我遇到问题，当我使用javascript创建复选框时，无法选中或取消选中该复选框。我在javascript中的代码是：

＆＃13;

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>';	
			document.getElementById("brand").appendChild(box);
}

＆＃13;

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

＆＃13;

Answer 1

以下是您的代码。我所做的就是添加一个按钮，这样你就可以点击按钮在ul元素中添加复选框。您可以使用其他方式，但至少需要启动您的功能。

＆＃13;

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>';	
  document.getElementById("brand").appendChild(box);
}

＆＃13;

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

＆＃13;

在javascript中创建复选框

1 个答案: