Question

总而言之，我正在设置一个简单的卡（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应该是唯一的，而不是重复的。这就是class es的用途。如上所述，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元素？我假设你也有一个开放的。否则，这也可能产生问题。

Answer 2

使用html功能，如下所示。

$("#divid").html("World (Taxfree)")

Answer 3

首先获取要添加文本的div。然后使用jquery的.text()函数添加它。

$("#divtoget").text("text to set")

如何打印javascript值

3 个答案: