Question

我正在使用纯JavaScript。当“onchange”事件发生时，有一个附加功能的复选框。

我想调用该函数，当我从javascript代码中检查并取消选中它时。

它被检查和取消选中，但除非我通过键盘箭头键手动执行，否则不会调用该函数。

有没有办法让这个函数被调用？

HTML DOM：

<input type="checkbox" onchange="hello();" id="myCheckBox">

使用Javascript：

document.getElementById("myCheckBox").checked = true;

Answer 1

＆＃39; onchange＆＃39;事件是用于文本框和选择列表，请尝试“onclick”＆＃39;事件

要从代码中激活事件，您可能会觉得这很有用：

How to trigger event in JavaScript?

Answer 2

当JavaScript代码更改复选框元素的状态时，调用处理函数。

function toggle() {
  document.getElementById("myCheckBox").checked = !document.getElementById("myCheckBox").checked;
  hello(); //invoke the function here!
}

function hello() {
  alert(document.getElementById("myCheckBox").checked)
}

<input type="checkbox" onchange="hello();" id="myCheckBox">

<button onclick='toggle()'>Toggle</button>

Answer 3

使用此：

HTMLInputElement.prototype.check = function() {
  if (this.checked !== null) {
    this.checked = true;
    this.onchange();
  }
};

HTMLInputElement.prototype.uncheck = function() {
  if (this.checked !== null) {
    this.checked = false;
    this.onchange();
  }
};

document.getElementById("myCheckBox").check();

在未选中代码的情况下选中复选框时调用onchange功能

3 个答案: