如何根据文本字段的值显示/隐藏某些元素？

Question

我有一个销售登陆页面。我为促销代码添加了文本字段。这是一个简单的促销代码系统。对于任何促销代码，它总是提供相同的折扣（其想法是为每个影响者创建自定义促销代码）。我为价格和付款按钮创建了2个DIV。价格有默认的DIV，没有折扣。加载页面时默认显示它。当访客输入PROMOCODE时，第二个DIV将显示折扣和新价格。1张优惠券一切正常。但是我需要使它适用于几种不同的优惠券代码。因此，我添加了运算符“ 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>&nbsp;</span>&nbsp;Acheter Maintenant 594€</a>  </div></div><div id="showThis3">我在这里和Google的各处搜索过同样的问题，但找不到任何解决方案。有人可以帮助我，请了解此操作员或“ ||”是什么问题 造成这个问题？

Answer 1

你应该改变这行

 $('#hideThis').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019');
 $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019');

对此：

 $('#hideThis').toggle($('#coupon').val() !== 'JDCM' && $('#coupon').val() !== 'PROMOGH2019');
 $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' && $('#coupon').val() !== 'PROMOGH2019');

在您的代码中，编写优惠券（例如JDCM）时，该优惠券将始终与该条件的其他优惠券有所不同，因此原始价格将永远不会被隐藏