Javascript Html.Checkbox onchange 事件

Question

我尝试了以下事件以达到复选框的更改。

 @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" ">

感谢任何帮助。

谢谢。

Answer 1

通过传递 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