Javascript Html.Checkbox onchange 事件

Posted 2023-02-24

【中文标题】Javascript Html.Checkbox onchange 事件

【英文标题】：Javascript Html.Checkbox onchange event

【发布时间】：2014-09-02 05:59:04

【问题描述】：

我尝试了以下事件以达到复选框的 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" ">

任何帮助表示赞赏。

谢谢。

【问题讨论】：

应该是onchange = "AutoCalculateMandateOnChange()" 而不是onchange = "AutoCalculateMandateOnChange"！

如何获取复选框的选定值并启用/禁用输入？谢谢也请回答我会接受最佳答案

我参加聚会有点晚了，但有人能告诉我@HTML 是什么语言/框架吗？我以前从未在 javascript 中看到过这个，所以很好奇。

@JonathanM 这是 ASP.NET 的 Razor 语法 - Html 是 HtmlHelper 类型的一个实例，@ 符号允许在标记内嵌入代码。

@Oliver，谢谢。我已将 ASP.NET 添加到标签列表中。

【参考方案1】：

您可以通过传递this 作为参考，在函数中将复选框作为element 获取，请参阅下面的更新标记

<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)
     document.getElementById("LevyFee").disabled = element.checked;    

Demo