输入 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

我认为 checked="checked" 已被弃用，请尝试改用 checked

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

Answer 2

在没有检查值的情况下进行检查应该可以正常工作。

<input type="checkbox" checked/>

如果您删除 oninput="onShowSeabedChange()"

，下面应该会起作用

$("#showSeabed").on("click", function(){
   scene3dManager.showSeabed = $('#showSeabed').is(':checked');
});

Answer 3

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);
}

输入 javascript 选中 - 未选中

input javascript checked - unchecked

javascript

input

checked

unchecked