Javascript Html.Checkbox onchange事件

Javascript Html.Checkbox onchange event

我尝试下面的事件，以达到复选框的变化。

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

Javascript：

1
2
3

function AutoCalculateMandateOnChange() {
alert("working");
}

当我尝试上述javascript代码时，警报从不显示任何内容(不起作用)。

我如何启用/禁用Html.Checkbox值下面的输入更改？

1	<input type="text" id="LevyFee" class="form-control" data-required="true"">

任何帮助表示赞赏。

谢谢。

相关讨论

您可以通过将this作为参考在函数中以element的形式获得复选框，请参见下面的更新标记

1
2
3
4

<input type="checkbox" value="check" id="AutoCalculateMandate" onchange ="AutoCalculateMandateOnChange(this)"/>
<label for="AutoCalculateMandate">
Auto Calculate
</label> <br />

由于您使用的是MVC，因此可以这样实现：

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

javascript

1
2
3

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

演示版