jQuery를 사용하여 텍스트 상자의 값을 자동으로 계산합니다.

명령 단추가없는 첫 번째 2 개의 텍스트 상자의 값을 계산합니다. 예 3 개의 텍스트 상자가 있습니다.jQuery를 사용하여 텍스트 상자의 값을 자동으로 계산합니다.

첫 번째 2는 숫자가 입력되고 마지막 숫자는 합계 또는 곱셈 등입니다. 이제 자동 계산을 원합니다. 예를 들어 첫 번째 2 개의 텍스트 상자에 2와 3 값을 입력 한 다음 합계 또는 제품 또는 모든 결과가 세 번째 텍스트 상자에 자동으로 표시됩니다. 어떻게 할 수 있습니까? 감사합니다

<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <script> 
    $('#texttwo').keyup(function(){ 
    var textone; 
    var texttwo; 
    textone = parseFloat($('#textone').val()); 
    texttwo = parseFloat($('#texttwo').val()); 
    var result = textone + texttwo; 
    $('#result').val(result.toFixed(2)); 
    }); 
    </script> 
    </head> 
    <body> 
    <input type="text" name="value1" id="textone"> 
    <input type="text" name="value2" id="texttwo"> 
    <input type="text" name="result" id="result"> 
    </body> 
    </head>

출처

2014-10-17 kristyan markes

자바 스크립트와 AJAX가 필요합니다. –

어쩌면 당신은 자바 스크립트 튜토리얼을 읽어야합니다, 이것은 정말로 기본입니다. – Leto

몇 가지 예를 들어 주시겠습니까? 또는 링크를 공유 할 수 있습니까? –

이 작업은 jQuery를 사용하여 수행 할 수 있습니다. 두 번째의 값을 변경 어느 때

<script> 
$('#texttwo').keyup(function(){ 
    var textone; 
    var texttwo; 
textone = parseFloat($('#textone').val()); 
texttwo = parseFloat($('#texttwo').val()); 
var result = textone + texttwo; 
$('#result').val(result.toFixed(2)); 


    }); 
</script>

이 당신에게 결과를 줄 것이다 : 파일의 끝에서, 그런 다음 <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

이를 넣어 프로젝트에 jQuery를 포함 상자.

당신도이 작업을 수행해야합니다

변경

<input type=text name=value1> 
    <input type=text name=value2> 
    <input type=text name=result>

에 :

<input type="text" name="value1" id="textone"> 
    <input type="text" name="value2" id="texttwo"> 
    <input type="text" name="result" id="result">

편집

이 내 전체 파일입니다

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 


<input type="text" name="value1" id="textone"> 
<input type="text" name="value2" id="texttwo"> 
<input type="text" name="result" id="result"> 

<script> 
    $('#texttwo').keyup(function(){ 
     var textone; 
     var texttwo; 
     textone = parseFloat($('#textone').val()); 
     texttwo = parseFloat($('#texttwo').val()); 
     var result = textone + texttwo; 
     $('#result').val(result.toFixed(2)); 


    }); 
</script>

출처

2014-10-17 10:11:59 baao

고마워요. 선생님 께 제가 시험해 보겠습니다. –

환영합니다. 문제가 해결되었다고 생각되면 답을 바로 표시하십시오. – baao

약간의 변화를 만들었습니다. 잊었습니다.); – baao

jQuery를 사용하여 텍스트 상자의 값을 자동으로 계산합니다.

답변

관련 문제