checkbox有没有onChange事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了checkbox有没有onChange事件相关的知识,希望对你有一定的参考价值。

参考技术A 被选中了 就会触发值的修改事件 你只要在事件里面做点事情就可以了。 == 我写给给你啊 你按这个思路来做: Insert title here function setChange(v,is) v=document.getElementById(v); v.innerhtml=is.checked?"在这里设置"+is.value+"的信息.

Javascript Html.Checkbox onchange 事件

【中文标题】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 语法 - HtmlHtmlHelper 类型的一个实例,@ 符号允许在标记内嵌入代码。 @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

【讨论】:

以上是关于checkbox有没有onChange事件的主要内容,如果未能解决你的问题,请参考以下文章

我想给checkbox用js注册一个onchange事件来监听它的状态的变化,该怎么样写?

Word CheckBox ContentContol OnChange 事件

Checkbox只要被打钩就出发,(onclick,onchange都是要点击才能触发)

如何从 TextInput(onChange 或 onTextChange)创建 rxjs Observable

在自定义控件中,有CheckBox控件,当触发OnCheckedChanged事件时

checkbox事件的变化