0

このコードが機能していません。2つのテキストボックスを乗算して解決策を表示しようとしていますが、クリックしても何も表示されません。私がこれまでに持っているコードはこれです...以下のコードの何が問題になっている可能性がありますか？

<script type="text/javascript">
    $('#AddProduct').click(function() {
        var totalPrice = $('#debt').val() * $('#income').val();
        $('#solution').val() = totalPrice;
    });
</script>

<form name="form" method="post" action="">
    <table>
        <tr>
            <td><input type="text" name="income" id="income" /></td>
            <td><input type="text" name="debt" id="debt" /></td>
            <td><input type="text"  id="solution"  name="solution" /> </td>
        </tr>
  </table>
</form>
4

4 に答える 4

4

jQueryは次のようにする必要があります。

$('#AddProduct').click(function() {
   var totalPrice = parseInt($('#debt').val()) * parseInt($('#income').val()); // you can't multiply strings
   $('#solution').val(totalPrice); // This is how you use .val() to set the value.
});
于 2013-02-16T19:53:09.063 に答える
0

これは、ソリューションテキストボックスの値を設定する方法です。

$('#solution').val(totalPrice);

また、ページに「AddProduct」というIDの要素が実際にありますか？

于 2013-02-16T19:53:32.980 に答える
0 
var totalPrice = $('#debt').val() * $('#income').val();
$('#solution').val(totalPrice);

デモ

于 2013-02-16T19:54:49.430 に答える
-1

その後、以下のようにページにjqueryを追加します

<script src="http://code.jquery.com/jquery-latest.js"></script>

次のことができます。

$('#AddProduct').click(function() {
var totalPrice = parseInt($('#debt').val(),10) * parseInt($('#income').val(),10);
$('#solution').val(totalPrice);
});

value対象とする入力を必要としていることを伝える必要があります。また、常に2番目の引数（基数）をに指定しparseIntます。巧妙すぎて、提供されていない場合は自動検出しようとし、予期しない結果につながる可能性があります。

提供する10ことは、基数10の数値が必要であることを前提としています。

于 2013-02-16T19:54:51.187 に答える