javascript - Tiggziアプリ用に2つのフィールドを一緒に追加するJavascript

Question

javascriptの行をまとめるのに助けが必要です。2つの異なるフィールドの値を追加して、テキスト領域に表示しようとしています。フィールドは「AP」と「MP」で、テキストは「TotalCost」です。

彼をどうやって実現させるのか、私にはまったくわかりません。助けてください！

Answer 1

だから次のようなもの：

<input id="AP" />
<input id="MP" />
<input id="TotalCost" />
<button onclick="add()">Add</button>

<script>
function add()
{
   var ap = +document.getElementById('AP').value; // Value of AP (plus will cast the value to a number)
   var mp = +document.getElementById('MP').value; // Value of MP
   document.getElementById('TotalCost').value = ap + mp; // Set TotalCost to ap + mp
}
</script>

jQueryを使用したい場合は、次のようにすることができます。

<button id="btnAdd">Add</button>

<script>    
   $('#btnAdd').click(function ()
   { 
       var ap = +$('#AP').val();
       var mp = +$('#MP').val();
       $('#TotalCost').val(ap + mp);
   });
</script>

Answer 2

HTML：

<input name="AP" />
<input name="MP" />
<textarea name="TotalCost" rows="4" cols="20"></textarea>
<button>Add</button>

jQuery：

$(document).ready(function(){
    $("button").click(function(){
       $("textarea[name='TotalCost']").val($("input[name='AP']").val()+$("input[name='MP']").val());
    });
});

ワーキングフィドル