javascript - jQueryonBlurでフォームボックスの値を変更する

Question

onBlurイベントが発生したときに他の入力ボックスの値を変更するjQuery関数を作成しようとしています。以下のコードでは、変更された入力ボックスの値を読み込み、その値を使用して他の入力ボックスの値を操作しようとしています。最終的に、これは変換ユーティリティとして使用されます。私はここにかなり近いように感じます、誰かが助けることができますか？

ありがとう！

<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

私はあなたのエラーを見つけました：

これを変える：

$('#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);
});

$('#a').val = bbがないときに誤って与えた

ここで完全に機能する回答を参照してください：http： //jsfiddle.net/Ru6FV/

Answer 2

htmlが正しくロードされた後、JavaScript全体を起動することをお勧めします。

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

問題は正確には何ですか？どういうわけか動作しているようです（計算をチェックしませんでした）... jsfiddleを使用した実装

Answer 3

変化する

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

に

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

2番目のバインドで。

Answer 4

</script>jqueryをロードした後にタグがありません。