首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用于复选框的Javascript OnChange

用于复选框的Javascript OnChange
EN

Stack Overflow用户
提问于 2014-01-03 11:25:13
回答 5查看 7.4K关注 0票数 2

我的表单中有5个复选框和1个textarea,并且希望将所有这些都挂起OnChange()。然而,无论出于什么原因,我在Stack溢出上发现的任何东西似乎都没有被调用。

因为这是我发现的最基本的例子,这有什么问题吗?

代码语言:javascript
运行
复制
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/>
<script type="text/javascript">
$(document).ready(function()
{
    $("input").on("input", function()
    {
        alert("CHANGED");
    });
}
</script>
EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2014-01-03 11:29:17

只有当输入的oninput文本发生更改时,才会触发该事件,因此不会为复选框触发该事件。尝试绑定到文本区域上的复选框change事件和input事件:

代码语言:javascript
运行
复制
$("textarea").on("input", yourFunction);
$("input:checkbox").on("change", yourFunction);

function yourFunction() {
    alert("CHANGED");
}

jsFiddle,它演示了上述内容。

注意:这个答案的不同之处在于,alert是在textarea中立即触发的,而不仅仅是在元素模糊时触发的。

附加注意:< IE9中不支持IE9事件

票数 1
EN

Stack Overflow用户

发布于 2014-01-03 11:27:44

您应该处理更改事件:

代码语言:javascript
运行
复制
$('input:checkbox,textarea').change(function () {
   alert('changed');
});
票数 3
EN

Stack Overflow用户

发布于 2014-01-03 11:30:00

为什么要为复选框绑定input事件,这仅仅是textarea的火?

您需要绑定change事件:

试试这个:

更新的

代码语言:javascript
运行
复制
$(document).ready(function()
{
    $("textarea").on("input", function(){
      alert("CHANGED");
    });

    $("input").on("change", function(){
        alert("CHANGED");
    });
});

试着拉小提琴

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20902541

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档