javascript - 输入 javascript 已选中 - 未选中

Question

我在 html 页面的正文中输入了内容:

<input id="showElement" type="checkbox" checked="checked" oninput="onShowElementChange()" checked="checked"/>

脚本中有:

  function onShowElementChange(value) {
  scene3dManager.showElement = $('#showElement').is(':checked')
}

function onShowElementChange(value) {
  scene3dManager.showElement = $('#showElement').is(':checked')
}

<input id="showElement" type="checkbox" checked="checked" oninput="onShowElementChange()" checked="checked" />

但是，由于某种原因，它不起作用......默认情况下应该单击我的输入，如果用户选择取消单击它，则可以取消单击它。

也许我的代码中有一些错误，所以我寻求帮助。谢谢

Answer 1

oninput 事件在复选框或单选按钮使用 onchange 事件中不起作用。

<input id="showElement" type="checkbox" onchange="onShowElementChange()" checked="checked"/>

你也可以尝试像下面这样的工作。

<input id="showElement" type="checkbox" onchange="onShowElementChange(this.checked)" checked="checked"/>

JavaScript

function onShowElementChange(checked) {
  console.log(checked);
}