使用javascript计算相应字段

使用javascript计算相应字段,javascript,jquery,html,Javascript,Jquery,Html,我是jQuery的初学者,需要弄清楚如何在一个字段被更改时自动更新另一个字段。当输入字段被更改时,我的代码可以工作,但我不知道如何找到(和更改)相应的字段。这里有一个 HTML: 因此,如果(cm)改变了,我想自动改变(英寸),反之亦然。重量(千克)(磅)相同 有什么想法吗?我知道我已经很接近了,我只是想不出最后一点 这个html将在我的整个表单中重复。因此将有几个cm/in和lbs/kg字段需要相互对应HTML元素的ID属性在文档中必须是唯一的。我建议“英寸”、“厘米”、“磅”、“千克”。将I

我是jQuery的初学者,需要弄清楚如何在一个字段被更改时自动更新另一个字段。当输入字段被更改时,我的代码可以工作,但我不知道如何找到(和更改)相应的字段。这里有一个

HTML:

因此,如果(cm)改变了,我想自动改变(英寸),反之亦然。重量(千克)(磅)相同

有什么想法吗?我知道我已经很接近了,我只是想不出最后一点


这个html将在我的整个表单中重复。因此将有几个cm/in和lbs/kg字段需要相互对应

HTML元素的ID属性在文档中必须是唯一的。我建议“英寸”、“厘米”、“磅”、“千克”。将ID放在输入元素上,以便可以直接更改其值


完成后,您将需要四个“更改”函数,这是可以的。当“in”更改时,您可以设置
$(#kg”).value
等等。如果您有多个字段具有相同的单位,则使用类作为输入更容易,例如
class=“cm”
,并将相应的字段分组在一起。在这种情况下,
inch
cm
的示例如下:

例如,如果将容器div中的相应字段与class
fieldgroup
分组,则可以将其调整为

$(document).ready(function () {
  $('.cm').change(function () {
    $(this).closest(".fieldgroup").find(".inch").val($(this).val() / 0.393701);
 });
});

只更改相应的
inch
输入的值。

我将对其进行编辑,但此html将在整个表单中重复。因此,将有几个cm/in和lbs/kg字段需要相互对应,它们都必须是唯一的:“in1”、“in2”等。我觉得还有另一种方法。如果我可以从javascript中的$(this)遍历DOM。以某种方式跳到下一个和上一个输入,并以某种方式检查这些是否是有效的、对应的字段。如果是,请根据@matthias_h的答案进行修改,他建议使用类而不是ID。如果你采用的是他的答案,别忘了接受他的答案。你是说你会有任意数量的这些形式的集合,每个集合都有独立的值吗?例如,一个形状可能有2厘米和8公斤,另一个4厘米和1公斤,等等?谢谢。我同意你的第二个建议
$(document).ready(function() {
    $('#auto-calc input').change(function () {
        alert($(this));
    });
});
$(document).ready(function () {
  $('.cm').change(function () {
    $(".inch").val($(this).val() / 0.393701);
 });
});
$(document).ready(function () {
  $('.cm').change(function () {
    $(this).closest(".fieldgroup").find(".inch").val($(this).val() / 0.393701);
 });
});