javascript - Javascript Html.Checkbox onchange事件(Javascript Html.Checkbox onchange event)

Question

I tried below event in order to reach onchange of checkbox.(我尝试下面的事件，以达到复选框的变化。)

@Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange" }) Javascript:(Javascript：) function AutoCalculateMandateOnChange() { alert("working"); } When i try above javascript code , alert never displays nothing(not working).(当我尝试上述javascript代码时，警报从不显示任何内容（不起作用）。) How can i enable/disable below input on Html.Checkbox value changed ?(我如何启用/禁用Html.Checkbox值下面的输入更改？) <input type="text" id="LevyFee" class="form-control" data-required="true" "> Any help appreciates.(任何帮助表示赞赏。) Thanks.(谢谢。)   ask by John Elizabeth translate from so

Answer 1

You can get checkbox as a element in your function by passing this as a reference see updated markup below(通过将this作为参考，您可以将复选框作为函数中的element获取，请参见下面的更新标记)

<input type="checkbox" value="check" id="AutoCalculateMandate" onchange = "AutoCalculateMandateOnChange(this)"/> <label for="AutoCalculateMandate"> Auto Calculate </label> <br /> Since you're using MVC so it can be achieved like this:(由于您使用的是MVC，因此可以这样实现：) @Html.CheckBox("AutoCalculateMandate", true , new { onchange = "AutoCalculateMandateOnChange(this)" }) javascript(javascript) function AutoCalculateMandateOnChange(element){ element.checked ? document.getElementById("LevyFee").disabled = true : document.getElementById("LevyFee").disabled = false; } Demo(演示版)