Question

我需要一些帮助整理一行javascript。我希望添加两个不同字段的值并将其显示在文本区域中。字段是“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());
    });
});

工作fiddle

Javascript为Tiggzi App添加两个字段

2 个答案: