2011-03-03 2 views
0

7.5 % 판매 세를 계산하는 함수를 만들었습니다.jQuery Sales Tax

  • 유무 totalTax을()이 개 인수 가격에 하나는 세금에 대해 하나에 걸릴 : 이제 다음을 수행 도움이 필요합니다.

  • 에 제출하면 전달 인수를 조작하여이 기능 공정 가격과 세금을 (이 함수를 호출하는 태그의 onsubmit 이벤트를 핸들러를 사용).

  • 은에 판매 세를 가지고

    대신 .innerHTML이를 사용하여 동적으로 이제까지 판매 세금 당신이 기능 7.5 %의 판매 세에 대해 정의하는 것이 무엇인지에 페이지 업데이트 jQuery를 그들에게이 문서 요소에 액세스 및 쓰기 :

    document.getElementById('requestedAmount').innerHTML = priceInput; 
        document.getElementById('requestedTax').innerHTML = salesTax; 
        document.getElementById('requestedTotal').innerHTML = totalAmount; 
    

원본 코드 : JQuery와로 변환의 당신의 필요를위한

<script type="text/javascript"> 
$().ready(function() { 
    // validate the comment form when it is submitted 
    $("#inputForm").validate(); 
    $("#priceInput").priceFormat({ 
    prefix: '', 
    limit: 5, 
    centsLimit: 2 
}); 
}); 

function totalTax(){ 
    var priceInput = document.getElementById('priceInput').value; 
    var salesTax = Math.round(((priceInput/100) * 7.5)*100)/100; 
    var totalAmount = (priceInput*1) + (salesTax * 1); 

    document.getElementById('requestedAmount').innerHTML = priceInput; 
    document.getElementById('requestedTax').innerHTML = salesTax; 
    document.getElementById('requestedTotal').innerHTML = totalAmount; 
} 
</script> 

<body> 
<form class="cmxform" id="inputForm" method="get" action=""> 
    <p> 
    <label for="priceInput">Enter the price: </label> 
    <input id="priceInput" name="name" class="required"/> 
    </p> 
    <p> 
    <input class="submit" type="submit" value="Submit" onclick="totalTax();"/> 
    </p> 
</form> 
<div>Entered price: 
    <p id="requestedAmount"></p> 
</div> 
<div>7.5 percent sales tax: 
    <p id="requestedTax"></p> 
</div> 
<div>Total: 
    <p id="requestedTotal"> </p> 
</div> 
+2

당신은 또한이 서버 쪽을하고 있기를 바랍니다, 누군가가 부정적인 세금을 계산하는 스크립트를 바꿀 수 있습니다 :) – Orbit

+0

나는 그 이유 때문입니다. –

답변

1

은 여기에 있습니다 :

$(document).ready(function() { 
    // validate the comment form when it is submitted 
    $("#inputForm").validate(); 
    $("#priceInput").priceFormat({ 
    prefix: '', 
    limit: 5, 
    centsLimit: 2 
}); 
}); 

function totalTax(){ 
    var priceInput = parseFloat(($("#priceInput").var());//document.getElementById('priceInput').value; 
    var salesTax = Math.round(((priceInput/100) * 7.5)*100)/100; 
    var totalAmount = (priceInput*1) + (salesTax * 1); 

    $('#requestedAmount').html(priceInput) ; 
    $('#requestedTax').html(salesTax); 
    $('#requestedTotal').html(totalAmount); 
} 
</script> 

<body> 
<form class="cmxform" id="inputForm" method="get" action=""> 
    <p> 
    <label for="priceInput">Enter the price: </label> 
    <input id="priceInput" name="name" class="required"/> 
    </p> 
    <p> 
    <input class="submit" type="submit" value="Submit" onclick="totalTax();"/> 
    </p> 
</form> 
<div>Entered price: 
    <p id="requestedAmount"></p> 
</div> 
<div>7.5 percent sales tax: 
    <p id="requestedTax"></p> 
</div> 
<div>Total: 
    <p id="requestedTotal"> </p> 
</div>