当我删除一个不同的元素时，我如何模拟点击输入复选框？香草Js溶液

Question

这是我的HTML

<div class="compareTrigger">
  <input id="firstInput" class="btn-compare-trigger" type="checkbox" <label for="firstInput" class="compare-label">compare</label>
</div>


<div class="compare-wrapper">

  <div class="compare-elements-wrapper">
    <div class="compare-element-item">
      <button class="btn-remove-item">Remove item</button>
    </div>
  </div>

</div>

当我单击input复选框时，其状态为选中，并触发一个事件，该事件创建compare elements包装中的元素。

当我点击. btn-disve-project时，compe-etent-project将被删除，我希望我的firstInput复选框被取消选中，并模拟取消选中它的事件。如何模仿单击复选框，当我删除比较元素项目？

Answer 1

与单击（）函数

document.getElementsByClassName("btn-remove-item").onclick = function () {
        document.getElementById("firstInput").click();
    };

检查错误的旧答案

document.getElementsByClassName("btn-remove-item").onclick = function () {
        document.getElementById("firstInput").checked = false;
    };

Answer 2

如果您想取消选中复选框元素，您可以将其属性设置为false：

// Get the remove button element
const removeButton = document.getElementById("removeButton");

removeButton.addEventListener("click", function() {
  const firstInputCheckBox = document.getElementById("firstInput");
  // Uncheck the input
  firstInputCheckBox.checked = false;
});

<input type="checkbox" id="firstInput">
<label for="firstInput" class="compare-label">compare</label><br />

<button type="button" id="removeButton">Remove item</button><br />