JQuery bascule la commutation de la TVA

Je veux implémenter un commutateur de TVA comme vous pouvez le voir sur le coin supérieur droit http://aria.co.uk bien que je veux le faire du côté du client seulement.JQuery bascule la commutation de la TVA

ci-dessous est quelque chose que je suis venu avec, même si je dois:

interrupteur TVA et-vient (mon exemple va juste aller)
enregistrer et lire l'état basculée d'un cookie de persistance
ont discret, il/afficher le lien de commutateur uniquement si JS est disponible

<html>

<head>

<title>VAT Switch</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<script type="text/javascript">

function VATswitch(){

var price = $(".price strong span").text();

price = price * 10/12;

$(".price strong span").text(price);

var excl_incl = $(".price em").text();

excl_incl = "(excl. VAT)";

$(".price em").text(excl_incl);

} </script>

</head>

<body>

<a href="#" onclick="VATswitch();" id="vat_switch">Switch VAT</a>

<p class="price">

<strong>£<span>120</span></strong>

<em>(incl. VAT)</em>

</p>

</body>

</html>

S'il vous plaît aider.

Source

2009-02-18 Anonymous

La façon la plus simple serait de rendre les prix à votre page, puis contrôler la visibilité avec jquery/css, quelque chose comme:

<div class="price"> 
    <span class="incVAT">£11.50 (incl VAT)</span> 
    <span class="exVAT">£10.00 (ex VAT)</span> 
</div>

Ensuite, votre toggler peut faire:

$('.price .incVAT').show(); 
$('.price .exVAT').hide();

et vice versa

Modifier: Je ne ferais pas les calculs côté client. Vraisemblablement, vous faites une sorte de boutique, et bien tous vos produits n'auront pas la TVA, et certains peuvent avoir des tarifs différents.

Modifier re commentaire:

Il y a un jquery cookie library qui vous aidera à faire les biscuits, tout ce que vous devez faire pour persister, il est lu la valeur de la charge:

$(function(){ 

    ShowPrices(); 

    $('a#vattoggle').click(function(){ 
     if($.cookie('VATMODE') == "INC"){ 
      $.cookie('VATMODE', 'EX'); 
     } else { 
      $.cookie('VATMODE', 'INC') 
     } 
     ShowPrices(); 
     return false 
    }); 
}); 


function ShowPrices(){ 
    if($.cookie('VATMODE') == "INC"){ 
     $('.price .incVAT').show(); 
     $('.price .exVAT').hide(); 
    } else { 
     $('.price .incVAT').hide(); 
     $('.price .exVAT').show(); 
    } 
}

Source

2009-02-18 21:03:36

Tous faire avoir la TVA la même TVA. Quel est le meilleur moyen de le faire basculer et comment le rendre persistant? –

JQuery bascule la commutation de la TVA

Répondre

Questions connexes