Prosty kalukator w Jquery

2015-02-07 15:35:02 Post #1 prodan

 
Próbuję napisać prosty kalkulator, który oblicza kwotę wg. opcji które wybierze użytkownik z formularza na stronie.

Np. ma pole do wpisania ceny:
Z listy wybieranie wybiera 10% i chciałbym to odliczyć od tej kwoty oraz wyświetlić mu w podsumowaniu. Dodatkowo z automatu odejmowane jest 20% tej ceny którą wpisze.

Mam coś takiego:

$('input[name="product_price"]').keyup(function(){
			var user_price = $(this).val();
			var ps_commision = ((parseInt(user_price) * 20) / 100);
			$("#user_price").html(user_price);
			$("#commision_for_ps").html(ps_commision);
		});


No i wszystko fajnie ładnie oblicza i wyświetla, ale problem pojawia się jak dojdzie do tego jeszcze wybór z jednego selecta (np. tam mam value: 5 / 10 / 15) w procentach i chciałbym to dodatkowo jeszcze odjąć od kwoty którą otrzyma użytkownik.

Tamto sobie wyliczam funkcją keyup (każda zmiana) ale co jak user wybierze najpierw ten select a później dopiero wpisze cenę?

To już ostatni problem na dzisiaj

2015-02-07 17:21:25 Post #2 nospor

 
Tak na przyszlosc: 20/100 to 0.2

Tamto sobie wyliczam funkcją keyup (każda zmiana) ale co jak user wybierze najpierw ten select a później dopiero wpisze cenę?

Musisz wyliczenia robic dla zmian albo jednego albo drugiego

2015-02-07 21:07:26 Post #3 prodan

 
Na innym forum ktoś mi podpowiedział żeby ubrać to w funkcję.

To zrobiłem takie coś:

function recalculate(cena_usera, odejmowany_procent) {
		
		$("#cena_usera").html(cena_usera);
		$("#odejmowany_procent").html(odejmowany_procent);
		
	}

	$(document).ready(function() {
		
		$('input[name="cena"]').on('keyup', function(){
			var cena_usera = $(this).val();
			var odejmowany_procent = ((parseInt(cena_usera) * 20) / 100);
			recalculate(cena_usera, odejmowany_procent); 
		});

		$('select[name="wybor2"]').on('change', function() {
			var cena_usera = $('input[name="cena"]').val();
			var cena_2 = $(this).val();
			var asd = ((parseInt(cena_usera) * cena_2) / 100);
			$('#wybor2').html(asd);
		});


Myśle, że to zobrazuje o co mi dokładnie chodzi :/

Odpowiedz

Skrypty użytkowników

  1. Klasa obsługi szablo... Lirdoner
  2. Sekcje user76
  3. Klasa walidująca for... user76
  4. Licznik Gości online korey
  5. Form Builder Comandeer
  6. Dynamiczny licznik z... korey
  7. Captcha Comandeer