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;    
}

Javascript Html.Checkbox onchange事件

1 个答案:

Demo