當從代碼未選中複選框時調用onchange函數

Question

我正在使用純javascript。當發生「onchange」事件時，會有一個複選框附帶一個功能。

我想調用該函數，當我檢查並從javascript代碼中取消選中它時。

它被檢查和取消選中，但該函數不會被調用，除非我通過鍵盤箭頭鍵手動執行。

有什麼辦法可以讓這個函數被調用嗎？

HTML DOM：

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

的Javascript：

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

Answer 1

的 '的onchange' 事件是在文本框和選擇列表使用，嘗試 '的onclick' 事件。

要發射的代碼你可能會發現這個有用的事件：

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