Funkcje jQuery

Funkcje jQuery

Pierwsza funkcja jQuery odpowiada za zamiane z przecinka na kropkę.

<span id="cena_koncowa">10,00</span>
 
$(function(){
       var cena = $( "#cena_koncowa" ).html();
     cena = parseFloat(cena.replace(",","."));
});
 
 

Druga funkcja jQuery pobiera dane o wyborze użytkownika przez select folmularza.

<select id="cena_dosta" name="tra" size="1">
<option value="cena_66.00">Raz</option>
<option value="cena_66.55">Dwa</option>
<option value="cena_77.76">Trzy</option>
    </select>
 
$(function(){
    $("#cena_dosta").on('change', function(){
       alert(this.value);
});
});
 
 

Trzecia funkcja jQuery wycina niepotrzebne dane, w naszym przykładzie są to litery i znak podkreślenia.

$(function(){
var tres = 'cena_66.00';
var bb = parseFloat(tres.replace(/[a-ząężźłść_]/gi,""));
alert(bb);
});
 
 
 

Tutaj całość gdzie i jak można te trzy funkcjie zastosować.

 
 
<div class="pole"><strong>Cena końcowa:</strong><span id="cena_koncowa">10,00</span>(brutto)</div>
      <select id="cena_dosta" name="tra" size="1">
      <option value="cena_66.00">Raz</option>
      <option value="cena_66.55">Dwa</option>
      <option value="cena_77.76">Trzy</option>
    </select>
  <script>
  $(function(){
       var cena = $( "#cena_koncowa" ).html();
         cena = parseFloat(cena.replace(",","."));
 
    $("#cena_dosta").on('change', function(){
    var x  = $( "#cena_koncowa" ).empty();
    var bb = parseFloat(this.value.replace(/[a-ząężźłść_]/gi,""));
    var vv=(bb+cena);
    x.append(" "+vv);
         });
     });
  </script>
 
 

Funkcja cztery jQuery odpowiada za wybór i zwrócenie danych na ekran przez użytkownika.

 
 
<span class="con"></span><br>
 
<select  id="info" name="koszty_info" size="1">  
      <option  value="1">Raz</option>
      <option  value="2">Dwa</option>
      <option  value="3">Trzy</option>
      <option  value="4">Cztery</option>
        </select>
<div>Dynamiczne wyświetlanie naszego wyboru w selekcie</div>
    <script>
  $(function(){
     var con = $( ".con" );
    $("#info").on('change', function(){
    $( ".con" ).empty();
    con.append(this.value);
         });     
     });
  </script>
 
 
 
Dynamiczne wyświetlanie naszego wyboru w selekcie

Funkcja piąta jQuery zwraca wybór z input type radio

zmiana radio z ustawieniem

 
 
   <form method="post" action="">
  <div id="wybierz_rodzaj">
  <input class="rodzaj" type="radio" name="rodzaj" value="ogloszenie" id="ogloszenie" /><label for="ogloszenie"> Ogłoszenie</label>
 
  <input class="rodzaj" type="radio" name="rodzaj" value="licytacja" id="licytacja" /><label for="licytacja"> Licytacja</label>
 
  <input class="rodzaj" type="radio" name="rodzaj" value="kup_teraz" id="kup_teraz" /><label for="kup_teraz"> Kup Teraz</label>
 
  <input class="rodzaj" type="radio" name="rodzaj" value="licytacja_kup_teraz" id="licytacja_kup_teraz" />
<label for="licytacja_kup_teraz"> Licytacja i Kup Teraz</label>
 
 </div>
</form>
  zmiana radio z ustawieniem
<script>
  $(function(){
         var rodzaj = $( ".rodzaj" );
    rodzaj.on('change', function(){
      alert(this.value);
     //this.form.submit();
         });
     });   
</script>
 
 
 

Dodaj komentarz


Kod antyspamowy
Odśwież

Używamy cookies i podobnych technologii m.in. w celach: świadczenia usług, reklamy, statystyk. Korzystanie z witryny bez zmiany ustawień Twojej przeglądarki oznacza, że będą one umieszczane w Twoim urządzeniu końcowym. Pamiętaj, że zawsze możesz zmienić te ustawienia. To find out more about the cookies we use and how to delete them, see our privacy policy.

I accept cookies from this site.

EU Cookie Directive Module Information