我有一個(gè)銷售登陸頁面。我為促銷代碼添加了文本字段。這是一個(gè)簡單的促銷代碼系統(tǒng)。對于任何促銷代碼,它總是提供相同的折扣(其想法是為每個(gè)影響者創(chuàng)建自定義促銷代碼)。我為價(jià)格和付款按鈕創(chuàng)建了2個(gè)DIV。價(jià)格有默認(rèn)的DIV,沒有折扣。加載頁面時(shí)默認(rèn)顯示它。當(dāng)訪客輸入PROMOCODE時(shí),第二個(gè)DIV將顯示折扣和新價(jià)格。1張優(yōu)惠券一切正常。但是我需要使它適用于幾種不同的優(yōu)惠券代碼。因此,我添加了運(yùn)算符“ OR”,但是它不再起作用。這是我的代碼: <script type="text/javascript" language="Javascript"> // Function to hide/show the table based on the values of inputs function toggleTable() { $('#hideThis').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019'); $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019'); $('#showThis').toggle($('#coupon').val() == 'JDCM' || $('#coupon').val() == 'PROMOGH2019'); $('#showThis2').toggle($('#coupon').val() == 'JDCM' || $('#coupon').val() == 'PROMOGH2019'); $('#showThis3').toggle($('#coupon').val() == 'JDCM' || $('#coupon').val() == 'PROMOGH2019'); } $(document).ready(function() { // Bind the keyup event on both the inputs, call the function on event $('#coupon').on('keyup', toggleTable).trigger('keyup'); }); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><form><span >Vous avez un code PROMO?</span><input type="text" name="coupon" id="coupon" placeholder="Ex: PROMO2019"></form> <div id="showThis"> <div> <b style="color:#000000;">Prix HT:<strike>594€</strike></b> </div></div><div id="hideThis"> <div> <b>Prix HT:594€</b> </div></div><div id="showThis2"> <div> <b>Remise exceptionnelle de -50%</b><br><br> <b style="color:#36C503;">Prix final à payer: 297€</b> </div></div> <div id="hideThis3"> <div class="div_button"> <a href="URL_594_euros" class="myButton"><span> </span> Acheter Maintenant 594€</a> </div></div><div id="showThis3">我在這里和Google的各處搜索過同樣的問題,但找不到任何解決方案。有人可以幫助我,請了解此操作員或“ ||”是什么問題 造成這個(gè)問題?
如何根據(jù)文本字段的值顯示/隱藏某些元素?
慕田峪9158850
2021-04-04 16:19:24