javascript - 表单上所有元素的公共事件

Question

每当表单中任何元素的值发生变化时，我都想触发一个公共事件。基于表单元素的值，我想实现代码。

我正在编写下面的代码，但 onchange 事件在 formid 上不起作用。

$("#formid").change(function () {
    //code 
}); 

or this

$("#formid").bind("change", function () {
    //code 
});

每当元素的值发生任何变化时，如何在表单上触发事件？

Answer 1

每当元素的值发生任何变化时，如何在表单上触发事件？

就像你已经完成的那样做。change将事件绑定到form元素。

$("form").change(function() {
   // Some descendant changed.
});

只要您不干扰事件的传播，这将起作用。

Answer 2

$(this).toArray().each(function(index, element){
    $(element).change(function(){.....});

});

把它放在document.ready...

Answer 3

您可以为所有必要的表单控件绑定更改事件

$('input, select, textarea', $('#formid')).change(function()
{
    //your code here
});

Answer 4

循环遍历文档或表单的所有元素，并将它们的 onChange 事件设置为您的处理函数。喜欢：

for (var i = 0; i < yourelements.length; i++)
yourelements[i].onchange = change;