javascript - 如何打印javascript值

Question

长话短说，我正在设置一个 simplecart(JS) 并为多个选项使用复选框。计算购物车中的不同选项一切正常，除了我需要在#tax div 中打印文本“VAT 21% €90”或“World (Taxfree)”(取决于已检查的内容)。我该怎么做？

 <script type="text/javascript">
simpleCart.tax = function(){
    if( $("#regionSelect").val() == "VAT 21% €90" ){return 90;}
    if( $("#regionSelect").val() == "World (Taxfree)" ){return 0;}
};
</script>


  <input type="checkbox" name="tax" id="regionSelect" class="item_tax" value="eu" onClick="">Eu VAT 21%
  <input type="checkbox" name="tax" id="regionSelect" class="item_tax" value="world"onClick="">World (Tax Free)   
  </dd>


<div id="tax"></div

更新

我到底应该在哪里添加它？

这只适用于后者。

    if( $("#regionSelect").val() == "eu" ){return 90;} $("#tax").html("VAT 21% €90")
    if( $("#regionSelect").val() == "world" ){return 0;} $("#tax").html("World (Taxfree)")

Answer 1

$("#regionSelect").val() 永远不会等于 VAT 21% ?90 或 World (Taxfree) 因为你设置html中input元素的值为eu和world。复选框输入后出现的不是值，只是一些 jquery 不会读取的随机文本。因此，它应该更改为 $("#regionSelect").val() == "eu" 或 $("#regionSelect").val() == "world"分别。

此外，id 应该是唯一的，不能重复。这就是 classes 的用途。如上所述，jQuery html() 和 text() 函数是将文本打印到元素的方法。

试试这个:

<script type="text/javascript">
simpleCart.tax = function(){
    if( $(".regionSelect").val() == "eu" ){return 90; $("#tax").html("EU VAT 21%");}
    if( $(".regionSelect").val() == "world" ){return 0; $("#tax").html("World (Taxfree)");}
};
</script>


<input type="checkbox" name="tax" class="item_tax regionSelect" value="eu" onClick="">Eu VAT 21%
<input type="checkbox" name="tax" class="item_tax regionSelect" value="world"onClick="">World (Tax Free)   
</dd>


<div id="tax"></div>

还有，你有一个结束 dd 元素？我假设你也有一个开放的。否则也会产生问题。