Javascript JQuery切换VAT切换

我想实现一个VAT切换器，正如您在右上角看到的，尽管我只想在客户端实现它

下面是我的想法，尽管我需要：

• 来回切换VAT（我的示例仅使用一种方式）
• 保存并从cookie中读取切换状态以实现持久性
• 使其不引人注目/仅在JS可用时显示开关链接

  VAT开关

  函数VATswitch（）{

  var-price=$（“.price-strong-span”）.text（）；

  price=price*10/12；

  $（“.price-strong-span”）.text（price）；

  var excl_incl=$（“.price em”）.text（）；

  excl_incl=“（不包括增值税）”；

  $（“.price em”）.text（不包括在内）；

  }

  120英镑
  
  （包括增值税）
  
  
  
  

---

请提供帮助。

最简单的方法是将两种价格呈现到您的页面上，然后使用jquery/css控制可见性，如：

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

反之亦然

编辑：我不会在客户端进行计算。大概你是在开一家商店，不是所有的产品都有增值税，有些可能有不同的税率

编辑或重新评论：

有一种方法可以帮助您执行cookies，因此您需要做的只是读取加载时的值：

$(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();
    }
}

---

他们都有相同的增值税。让它真正切换的最佳方法是什么？如何使它持久化。

$(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();
    }
}