如何创建 OnChange“总计”事件来自未知数量文本字段的函数

Question

我无法弄清楚如何对使用 Rails 3 创建的表中的字段执行简单的 Javascript 任务。

我的表具有用户使用下面的表单添加的特征行（更新数据库并重新加载表部分）。

表中的列数取决于以不同表单提交的属性数。无论一行中有多少列，它们后面都有一个 Total 列。表中的每个单元格都有一个 text_field 输入，其 ID 基于行对象 id 和列对象 id。

我想要做的是为每个单元格创建一个 OnChange 事件，以便当字段值更改时，“总计”列将使用该行中所有单元格的 text_field 输入中的总值进行更新。

我不知道如何将 Rails 对象传递给 Javascript（这样我可以循环遍历 ID），如果我在控制器中使用操作，我不知道如何获取 DOM 元素名称和值，而且我不知道也不知道如何使用 RJS 来做到这一点。任何人都可以提供有关如何执行此操作的任何帮助吗？谢谢你！

莎拉

Answer 1

如果您使用 jQuery，您可以在文本框上设置一个类并监听其上的更改事件。

例子：

<input type="text" id="WhateverXXX" class="MyValue" />

<script type="text/javascript">
    $(function(e) {
        $('.MyValue').change(function(e) {
            // update the total
        });
    });
</script>

Answer 2

在 jQuery 中，可以很容易地迭代具有相同类的所有元素，因此文档的正确设计将在这里有所帮助。

也许是这样的：

 $('.thing_to_change').live('change', function() { retotal(); });

您的 retotal 函数可以类似：

 var total = 0;
 $('.thing_to_change').each(function() { total = total + $(this).val() });