jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<table class="tabela">
            <tr>
                <th>Lp.</th>
                <th>Opis</th>
                <th>Ilość</th>
                <th>VAT</th>
                <th>Kwota Brutto</th>
                <th>Wartość Netto</th>
                <th>Wartość Brutto</th>
            </tr>
            <tr>
                <td>1</td>
                <td>Palety</td>
                <td class="ilosc">2</td>
                <td> <form name="Vat">
                <select class="obliczvat"></select></form>
                </td>
                <td class="brutto">2000zł</td>
                <td class="netto"></td>
                <td class="bruttow"></td>
            </tr>
            <tr>
                <td>2</td>
                <td>Modernizjacja sprzętu komputerowego</td>
               <td class="ilosc">8</td>
                <td> <form name="Vat">
                <select class="obliczvat"></select></form>
                </td>
                <td class="brutto">120zł</td>
                <td class="netto"></td>
                <td class="bruttow"></td>
            </tr>
            <tr>
                <td>3</td>
                <td>modernizacja biura</td>
                <td class="ilosc">4</td>
                <td> <form name="Vat">
                <select class="obliczvat"></select></form>
                </td>
                <td class="brutto">5007zł</td>
                <td class="netto"></td>
                <td class="bruttow"></td>
            </tr>
            <tr>
                <td>4</td>
                <td>Paliwo</td>
                <td class="ilosc">7</td>
                <td> <form name="Vat">
                <select class="obliczvat"></select></form>
                </td>
                <td class="brutto">359zł</td>
                <td class="netto"></td>
                <td class="bruttow"></td>
            </tr>
            <tr>
                <td>5</td>
                <td>Zakup nowego Samochódu do floty</td>
                <td...

CSS

body {
  background: #34568B;
  padding: 20px;
  font-family: Helvetica;
}

#banner-message {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 25px;
  text-align: center;
  transition: all 0.2s;
  margin: 0 auto;
  width: 300px;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 15px;
  color: #fff;
}

#banner-message.alt {
  background: #0084ff;
  color: #fff;
  margin-top: 40px;
  width: 200px;
}

#banner-message.alt button {
  background: #fff;
  color: #000;
}

JavaScript

$(function () {
        var vat = [
          {
            display: "ZW",
            value: "0",
          },
          {
            display: "NP",
            value: "0",
          },
          {
            display: "0%",
            value: "0",
          },
          {
            display: "3%",
            value: "3",
          },
          {
            display: "8%",
            value: "8",
          },
          {
            display: "23%",
            value: "23",
          },
        ];

        var options = ['<option value="">Wybierz VAT</option>'];

        for (var i = 0; i < vat.length; i++) {
          options.push('<option value="');
          options.push(vat[i].value);
          options.push('">');
          options.push(vat[i].display);
          options.push("</option>");
        }

        $(".obliczvat")
          .html(options.join(""))
          .change(function () {
            var val = $(this).val();
            if (val == 0) {
              var ilosc = parseInt($(this).closest("td").prev().text(), 10);
              var brutto = parseInt($(this).closest("td").next().text(), 10);

              var ob = brutto * ilosc;
              $(this).closest("td").next().next().text(ob);
            }
            if (val == 3)
            {
              var ilosc = parseInt($(this).closest("td").prev().text(), 10);
              var brutto = parseInt($(this).closest("td").next().text(), 10);

              var ob = (brutto * ilosc) - brutto * ilosc*0.03;
            
              $(this).closest("td").next().next().text(ob);  
            }
            if (val == 8)
            {
              var ilosc = parseInt($(this).closest("td").prev().text(), 10);
              var brutto = parseInt($(this).closest("td").next().text(), 10);

              var ob = (brutto * ilosc) - brutto * ilosc*0.08;
            
              $(this).closest("td").next().next().text(ob);  
            }
            if (val == 23)
            {
              var...