长话短说，我正在设置一个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)")
$("#regionSelect").val()永远不会相等，VAT 21% ?90或者World (Taxfree)因为您将inputhtml中的元素值设置为eu和world。输入复选框后出现的不是值，而是jquery不会读取的一些随机文本。因此，应分别更改为$("#regionSelect").val() == "eu"或$("#regionSelect").val() == "world"。
此外，ids应该是唯一的，并且不能重复。这就是classes的目的。如上所述，jQueryhtml()和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要素吗？我假设您也有一个开场白。否则，这也会造成问题。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句