使用 jQuery onBlur 更改表单框的值

Question

我正在编写一个 jQuery 函数，当 onBlur 事件发生时，该函数将更改其他输入框的值。在下面的代码中，我尝试读取已更改的输入框的值，并使用其值来操作其他输入框的值。最终，这将用作转换实用程序。我觉得我离这里很近，有人可以帮忙吗？

谢谢！

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js">
<script type="text/javascript">

$('#a').bind('blur', function() {
    var a = $('#a').val();

    var b = a*1;
    var c = a*1;

    $('#b').val(b);
    $('#c').val(c);

});

$('#b').bind('blur', function() {
    var b = $('#b').val();

    var a = b*2;
    var c = b*2;

    $('#a').val(b);
    $('#c').val(c);
});

$('#c').bind('blur', function() {
    var c = $('#c').val();

    var a = c*3;
    var b = c*3;

    $('#a').val(a);
    $('#b').val(b);

});
</script>
<div style="width:500px">
    <table width="500">
        <tr>
            <td><input type="text" id="a" value="1"/></td>
            <td><input type="text" id="b" value="1"/></td>
            <td><input type="text" id="c" value="1"/></td>
        </tr>
    </table>
</div>

Answer 1

在第二次绑定中更改

$('#a').val(b);

为

$('#a').val(a);

。

Answer 2

我发现你的错误：

将其更改

$('#b').bind('blur', function() {
    var b = $('#b').val();

    var a = b*2;
    var c = b*2;

    $('#a').val(b);
    $('#c').val(c);
});

为：

$('#b').bind('blur', function() {
    var b = $('#b').val();

    var a = b*2;
    var c = b*2;

    $('#a').val(a);
    $('#c').val(c);
});

当没有 b 时，你不小心给出了 $('#a').val = b ，请

参阅此处完全正常工作的答案：
http://jsfiddle.net/Ru6FV/

Answer 3

您可能希望在正确加载 html 后触发整个 javascript：

$(function() {
  $('#a').bind(...
  ...
  });
});

到底是什么问题？它似乎以某种方式工作（没有检查计算）... 使用 jsfiddle 实现

Answer 4

加载 jquery 后缺少 标记。