Javascript Html.Checkbox onchange事件

前端之家收集整理的这篇文章主要介绍了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" ">

任何帮助赞赏.

谢谢.

解决方法

您可以通过将此作为参考,将下列复选框视为函数中的元素,以查看更新的标记
<input type="checkBox" value="check" id="AutoCalculateMandate" onchange = "AutoCalculateMandateOnChange(this)"/>
<label for="AutoCalculateMandate">
    Auto Calculate
</label> <br />

因为你使用MVC,所以可以这样实现:

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

JavaScript的

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

Demo

猜你在找的JavaScript相关文章