자바 Tiggzi App 용으로 두 개의 필드 추가하기

Question

자바 스크립트를한데 모으는 데 도움이 필요합니다. 나는 두 개의 다른 필드의 값을 추가하여 텍스트 영역에 표시하려고합니다. 필드는 "AP"와 "MP"이고 텍스트는 "TotalCost"입니다.

나는 그의 일이 전혀 일어나지 않을 것이라고 확신합니다. 도와주세요!

Answer 1

HTML :

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

jQuery를 :

당신이 jQuery를 사용하고자하는 경우

<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> 

, 당신이 뭔가를 할 수 있습니다

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

작동 중 fiddle

Answer 2

그래서 뭔가 같은 :

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

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