如何删除内部 html 内容 onchange答案

【问题标题】：How to remove inner html content onchange如何删除内部 html 内容 onchange
【发布时间】：2022-11-22 06:40:01
【问题描述】：

我创建了一个表单，用户可以在其中从复选框列表中选择选项。因此，当用户在复选框中选择一个选项时，我使用一个函数在内部 HTML 中使用 onchange 显示输入字段的值。我的问题是，如果用户取消选择这些选项，我们如何删除相同的内部 HTML 内容？因此，当用户来回切换时，它要么出现，要么在未选择时被删除。谢谢

                    function functionOne() {
                      var x = document.getElementById("wheels").value;
                      document.getElementById("demo").innerHTML =  x;
                      
                    }

<input type="checkbox" id="wheels" onchange="functionOne()" value="feature 1">

<div id="demo"></div>

【问题讨论】：

检查它是否被选中。

标签： javascript html checkbox toggle

【解决方案1】：

在读取值之前检查复选框的状态。

function functionOne(cb) {
  var x = cb.checked ? cb.value : '';
  document.getElementById("demo").innerHTML = x;

}

<input type="checkbox" id="wheels" onchange="functionOne(this)" value="feature 1">

<div id="demo"></div>

【讨论】：