Question

我正在php（实际上是cakephp）中构建一个Web应用程序，HTML5，＆amp; Jquery。在一个页面中，我有一个表格会进行太多的计算。在其中有一个可能有30个输入字段的表单。这些字段通过公式相互关联。

每当字段值发生变化时，我都希望更新所有其他字段。怎么做到这一点？

注意：如果有一些SDK可以帮助我，那就更好了。

更新1

我将举一个简短的例子：它是关于设计一些工业产品，我们称之为橱柜。

一个橱柜由太多物品组成，主要取决于：宽度/高度/深度+一些额外的特征（约5）。我需要计算构成机柜的组件的规格。可能有15个组件。每个组件都有一个特定的公式，可能取决于所有提到的输入。如果我更改宽度，许多组件规格应自动更新。

Answer 1

一般的想法是，您需要使用通用选择器：

$(".my_inputs")

添加'on（）'EventHandler：

$(".my_inputs").on('change', function() { }

然后，在其中，执行您想要的任何类型的数据操作：

$(".my_inputs").on('change', function() {
    // use jquery to repeat through all .my_inputs and alter their data
    // or set all .my_inputs to a specific value
    // or do anything else you want
}

既然你已经有了一般的想法，请查看jQuery API以查找您想要操作数据的详细信息（或者只是使用好的'Javascript！：）

Answer 2

它仍然是一个JS解决方案。给每个输入框一个类名（例如“myClass”），然后你可以这样做：

$('#myInputfield').keyup(function(){
    $('.myClass').each(function(index){
        $(this).val($('#myInputfield').val());
    });
});

注意：您需要JQuery才能实现此目的，并假设您只在一个文本框中查找更改（即ID为myInputfield的文本框）。主文本框不应该具有相同的类。

当其中一个输入字段更改其值时更新多个输入字段

2 个答案: