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

-1

我在php（实际上cakephp），HTML5,& Jquery构建一个web应用程序。在一页中，我有一个表格，它会做太多的计算。其中有一个可能有30个输入字段的表单。这些字段通过公式相互关联。当其中一个更改其值时更新几个输入字段

每当字段值发生变化时，我想更新所有其他字段值。如何实现这一目标？

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

更新1

我会做一个简单的例子：它是关于设计的一些工业产品，我们称之为内阁。

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

来源

2013-04-10 Miracle

这些领域之间的关系总是一样的吗？我的意思是，input1通过formula1与input2相关，而input1与input1通过formula1相关？因为如果绑定每个输入的公式总是不一样，那么你就被一个一个地编码。请包含示例代码以更好地理解。 – Nunser 2013-04-10 18:25:00

请参阅更新1 – Miracle 2013-04-10 18:43:17

根据其用途，您是否考虑过执行计算服务器端？这样，您可以触发AJAX提交并使用服务器计算的结果更新字段。这*会比纯粹的客户端计算慢，但可能更灵活;根据计算的确切性质，计算可能是“模型”的一部分，在这种情况下，输入值可以同时“验证”（例如“宽度不能为负值”） – thaJeztah 2013-04-10 21:13:08

总的想法是，你需要使用一个通用的选择：

$(".my_inputs")

添加 '上（）' 事件处理程序：

$(".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'！ :)

来源

2013-04-10 18:27:45 Dave

它仍然是一个JS解决方案。每个输入框给一个类别名称（如“MyClass的”），那么你可以这样做：

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

注意：您需要jQuery来实现这一点，它是假设你在短短的一个文本框查找更改（即ID为myInputfield的文本框）。主文本框不应该具有相同的类。

来源

2013-04-10 18:39:43 ebadedude

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

回答

相关问题