Change class according to condition

Question

Change class according to condition

Navigation

#1 by (1 votes)

0

I would like to do two things:

One that label with id cnt , when you press the plus button, add 1 more and when you press the minus button, subtract minus 1.
Otherwise, when label cnt was equal to zero, remove class pizzaselecionada .

Make the class change if label=#cnt is equal to 0

<script>

   $(document).ready(function(e) {

        var Total = parseFloat('0');

        var P = $('.pizzadisponivel label').attr('value');

        var Pp = (P.replace(/,/,'.'));

        var cn = parseFloat('0');

    $('#mais').click(function(e) {
        $('li').hasClass('pizzadisponivel');
        $('li').removeClass('pizzadisponivel');
        $('li').addClass('pizzaselecionada');

        Total += parseFloat(Pp);
        $("#teste").html('R$' + parseFloat(Total).toFixed(2));
        alert(Total)

});

    $('#menos').click(function(e) {
        if ($('label #cnt').){ 
            $('li').hasClass('pizzaselecionada');
            $('li').removeClass('pizzaselecionada');
            $('li').addClass('pizzadisponivel');
        }

      else  {Total -= parseFloat(Pp);
            $("#teste").html('R$' + parseFloat(Total).toFixed(2));
            alert(Total);
        }
});

});


</script>
</head>

<body>
    <div>
        <li class="pizzadisponivel"><label value="29,90">29,90</label></li>
        <button id="mais">mais</button>
        <button id="menos">menos</button>
        <label id="cnt">0</label>
        <label id="teste">R$0,00</label>
    </div>
</body>
</html>

jquery

asked by anonymous 08.12.2016 / 18:50

1 answer

Go through Enum values in C How to create a text file with client IP

score 1 · Answer 1

I think this is what you're trying to do, remembering that in this scenario it will only work for 1 pizza for more pizzas should completely change the programming.

   $(document).ready(function(e) {
     var mais = $("#maois"),
       menos = $("#menos"),
       qtd = $("#qtd"),
       total = $("#total"),
       pizza = $('.pizzadisponivel'),
       valuePizza = $(".pizzadisponivel > label").attr('value').replace(/,/, '.');


     $('#mais').click(function(e) {
       var novaQtd = parseInt(qtd.text()) + 1;
       total.text("R$ " + (novaQtd * valuePizza).toFixed(2));
       pizza.addClass("pizzaselecionada");
       pizza.removeClass('pizzadisponivel');

       qtd.text(novaQtd);

     });

     $('#menos').click(function(e) {
       if (parseInt(qtd.text()) > 0) {         
         var novaQtd = parseInt(qtd.text()) - 1;
         qtd.text(novaQtd);
         total.text("R$ " + (novaQtd * valuePizza).toFixed(2))
         if(novaQtd == 0){
           pizza.removeClass("pizzaselecionada");
           pizza.addClass("pizzadisponivel");

           }
       }
     });

   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><html><body><div><liclass="pizzadisponivel">
      <label value="29,90">Calabresa 29,90</label>
    </li>
    <button id="mais">mais</button>
    <button id="menos">menos</button>
    <label id="qtd">0</label>
    <label id="total">R$0,00</label>
  </div>
</body>

</html>