无法使用JavaScript删除复选框_Javascript_Jquery_Html

无法使用JavaScript删除复选框

javascript jquery html

无法使用JavaScript删除复选框,javascript,jquery,html,Javascript,Jquery,Html,实际上，我想随时从中删除一个特定的复选框div。尝试提供用户可以添加或删除复选框的功能我写的代码，我试图添加或休息的复选框，但当我试图删除复选框，它不工作，我不知道是什么问题有人能修好吗函数uncheckal2（）{ var inputs=document.querySelectorAll（'input[name=“todo[]”]）；对于（变量i=0；i

实际上，我想随时从中删除一个特定的复选框div。尝试提供用户可以添加或删除复选框的功能

我写的代码，我试图添加或休息的复选框，但当我试图删除复选框，它不工作，我不知道是什么问题

有人能修好吗

函数uncheckal2（）{
var inputs=document.querySelectorAll（'input[name=“todo[]”]）；
对于（变量i=0；i

添加或删除元素





添加更多
这是工作代码，可以吗
函数uncheckal2（）{
var inputs=document.querySelectorAll（'input[name=“todo[]”]）；
对于（变量i=0；i

添加此css只是为了可读性，但我认为您将向css添加更多内容
<style>
       .link{
         padding-left: 10px;
       }
</style> 


.链接{
左侧填充：10px；
}
这是工作代码，可以吗
函数uncheckal2（）{
var inputs=document.querySelectorAll（'input[name=“todo[]”]）；
对于（变量i=0；i

添加此css只是为了可读性，但我认为您将向css添加更多内容
<style>
       .link{
         padding-left: 10px;
       }
</style> 


.链接{
左侧填充：10px；
}
有一种方法可以通过一个函数来实现：
<body>

  <h1>Add or remove element</h1>
  <hr>
  <br>
    <div>
      <ul  id="ul">
      </ul>
    </div>
  <button type="button" id="btn" onclick="addItem()">Add More</button>
  <input type="text" id="texto">
  <input type="button" onclick="uncheckAll2()" class="btn btn-link" value="Reset">

</body>
</html>



<script type="text/javascript">


function uncheckAll2() {
  var inputs = document.querySelectorAll('input[name="todo[]"]');
  for (var i = 0; i < inputs.length; i++) {
    inputs[i].checked = false;
  }
}

var checkId = 0;
function addItem() {
  var ul = document.getElementById('ul'); //ul
  var li = document.createElement('li'); 
  var div = document.createElement('div'); //li
  var checkbox = document.createElement('input');

  checkbox.type = "checkbox";
  checkbox.value = 1;
  checkbox.name = "todo[]";
  checkbox.className = "textt";

  li.id = checkId;
  removeLink = '<a href="" onclick="javascript:document.getElementById(\''+checkId+'\').remove();return false;">Remove</a>';
  checkId++;

  div.appendChild(checkbox);
  var text = document.getElementById('texto');
  div.appendChild(document.createTextNode(text.value));
  div.innerHTML+=removeLink;
  li.appendChild(div);
  ul.appendChild(li);
}



</script>


添加或删除元素





添加更多
函数uncheckal2（）{
var inputs=document.querySelectorAll（'input[name=“todo[]”]）；
对于（变量i=0；i
有一种方法可以通过一个函数来实现：
<body>

  <h1>Add or remove element</h1>
  <hr>
  <br>
    <div>
      <ul  id="ul">
      </ul>
    </div>
  <button type="button" id="btn" onclick="addItem()">Add More</button>
  <input type="text" id="texto">
  <input type="button" onclick="uncheckAll2()" class="btn btn-link" value="Reset">

</body>
</html>



<script type="text/javascript">


function uncheckAll2() {
  var inputs = document.querySelectorAll('input[name="todo[]"]');
  for (var i = 0; i < inputs.length; i++) {
    inputs[i].checked = false;
  }
}

var checkId = 0;
function addItem() {
  var ul = document.getElementById('ul'); //ul
  var li = document.createElement('li'); 
  var div = document.createElement('div'); //li
  var checkbox = document.createElement('input');

  checkbox.type = "checkbox";
  checkbox.value = 1;
  checkbox.name = "todo[]";
  checkbox.className = "textt";

  li.id = checkId;
  removeLink = '<a href="" onclick="javascript:document.getElementById(\''+checkId+'\').remove();return false;">Remove</a>';
  checkId++;

  div.appendChild(checkbox);
  var text = document.getElementById('texto');
  div.appendChild(document.createTextNode(text.value));
  div.innerHTML+=removeLink;
  li.appendChild(div);
  ul.appendChild(li);
}



</script>


添加或删除元素





添加更多
函数uncheckal2（）{
var inputs=document.querySelectorAll（'input[name=“todo[]”]）；
对于（变量i=0；i