復選框onchange引發錯誤

Question

我在我的圖表框div中放置了一個復選框。 該復選框顯示良好，但是現在我想在更改復選框后執行一些操作。

<input type="checkbox" id="dbox1" onchange="calc();" checkeddata-dojo-type="dijit/form/CheckBox">

function calc() {
    alert("123");
}

在我單擊復選框后，將出現以下錯誤：

未捕獲的ReferenceError：未定義calc

所以我測試了這個：

<input type="checkbox" id="dbox1" onchange="alert("123");" checkeddata-dojo-type="dijit/form/CheckBox"/>

使用此代碼會發生以下錯誤：

SyntaxError：意外令牌}

圖表框：

new window.EvmClasses.chartBox(_domnodeId, _portletId, {
    "htmlContent": '<input type="checkbox" id="dbox1" onchange="calc();" checkeddata-dojo-type="dijit/form/CheckBox">' +  " Minuten bis zur automatischen Aktualisierung",
    "left" : 100,
    "top" : 0,
    "width" : 410,
    "z-index" : 9,
    "height" : 25,
    "bgColorFrom" : "#ffffff",
    "bgColorTo" : "#ffffff",
    "color" : "#000000"
});

Answer 1

而不是雙引號引起警報

<input type="checkbox" id="dbox1" onchange="alert("123");" checkeddata-dojo-type="dijit/form/CheckBox"/>

如下所示，將其替換為單引號。

<input type="checkbox" id="dbox1" onchange="alert('123');" checkeddata-dojo-type="dijit/form/CheckBox"/>

Answer 2

嘗試在窗口范圍內定義calc函數：

window.calc = function () {
   alert('123')
}

參見： https : //jsfiddle.net/t1fo8s50/3/