javascript - Javascript Html.Checkbox onchange事件

我尝试下面的事件，以达到复选框的变化。

 @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange" })

Javascript:

function AutoCalculateMandateOnChange() {
    alert("working");
}

当我尝试上述javascript代码时，警报从不显示任何内容(不起作用)。

我如何启用/禁用Html.Checkbox值下面的输入更改？

<input type="text" id="LevyFee" class="form-control" data-required="true" ">

任何帮助表示赞赏。

谢谢。

最佳答案

您可以通过传递element作为引用来在函数中将复选框作为this获得，请参见下面的更新标记

<input type="checkbox" value="check" id="AutoCalculateMandate" onchange = "AutoCalculateMandateOnChange(this)"/>
<label for="AutoCalculateMandate">
    Auto Calculate
</label> <br />

由于您使用的是MVC，因此可以这样实现:

 @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange(this)" })

javascript

function AutoCalculateMandateOnChange(element){
     document.getElementById("LevyFee").disabled = element.checked;
}

Demo