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

您可以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){
    element.checked ? document.getElementById("LevyFee").disabled = true : document.getElementById("LevyFee").disabled = false;    
}

演示