[JavaScript][jQuery]Zmiany w zawartości zależne od 5-ciu radio select, Wiele opcji ze względu na 5 radio po dwie możliwości Opcje

[nikos]

Witam!
Czy ma ktoś pomysł na mniej skomplikowane rozwiązanie takiego problemu:

Mam formularz w którym mam 5 grup radio select każdy z nich ma dwie opcje wyboru Tak lub Nie.

W formularzu mam też pole cena która jest pobierana z bazy danych i wyświetla się. Chciałbym mieć możliwość modyfikacji tej ceny ze względu na wybrane pola radio.
Jest dużo możliwości wyboru czy jest jakiś sposób aby uniknąć sprawdzania wszystkich możliwości ? Może jakoś inaczej to zaprojektować...

[HTML] pobierz, plaintext 
<div class="cenapoczatkowa">1500.00
 </div>
 </div>
 <div class="col-sm-6 form-group">
   <input class="form-control" id="nazwatel" name="nazwatel" value="Nokia 3210" type="text" disabled>
    </div>
    <div class="col-sm-6 form-group">
   <input class="form-control" id="cena" name="cena" value="1500.00" type="text" disabled>
    </div>
<div class="row">
	  <form action="" method="post">
        <div class="col-sm-6 form-group">
          Czy telefon się uruchamia?
        </div>
 
        <div class="col-sm-6 form-group">
          <label class="radio-inline">
              <input type="radio" name="uruchamia" value="1">Tak
                   </label>
 
                  <label class="radio-inline">
                      <input type="radio" name="uruchamia" value="0">Nie
                  </label>
        </div>
 
        <div class="col-sm-6 form-group">
          Czy wyświetlacz jest sprawny?
        </div>
 
        <div class="col-sm-6 form-group">
          <label class="radio-inline">
              <input type="radio" name="wyswietlacz" value="1">Tak
                   </label>
 
                  <label class="radio-inline">
                      <input type="radio" name="wyswietlacz" value="0">Nie
                  </label>
        </div>
 
          <div class="col-sm-6 form-group">
          Czy bateria jest sprawna?
        </div>
 
        <div class="col-sm-6 form-group">
          <label class="radio-inline">
              <input type="radio" name="bateria" value="1">Tak
                   </label>
 
                  <label class="radio-inline">
                      <input type="radio" name="bateria" value="0">Nie
                  </label>
        </div>
              $(document).ready(function(){
    var cena =$('.cenapoczatkowa').html() ;
    var wyswietlacz = cena*0.2;
    var baterua = cena*0.2;
    var obudowa = cena*0.3;
    var zero = 0;
   $('input:radio[name="uruchamia"]').change(
    function(){
          if ($(this).val() == '1'){
       			$("#cena").val(cena);    
 
         $('input:radio[name="wyswietlacz"]').change(
    			function(){
          if ($(this).val() == '1'){
              $("#cena").val(cena);
          }
          else {
             $("#cena").val(wyswietlacz);
          }
    		});
 
 
          }
     else {
             $("#cena").val(zero);
 
          }
    });
 
 
 
});
[HTML] pobierz, plaintext 

Oto część kodu
https://jsfiddle.net/nikos83/oqyh76o5/

Proszę o wskazówki

[Puszy]

Czyli gdy cena bazowa jest 1500 a telefon ma niesprawny wyświetlacz to np odejmij od ceny 200 PLN, tak?

https://jsfiddle.net/oqyh76o5/3/

Prześledź zmiany związane z div.discount, data-discount-value oraz skrypt JS. Należy zmienić pytania albo przerobić skrypt żeby dodawał ceny. Ale masz to zainicjowane, tylko dostosuj pod siebie. Masz teraz trochę nieporządek, bo raz "TAK" powinno dodawać a raz odejmować cenę, zadaj pytania tak aby na przykład "NIE" zawsze odejmowało cenę.

Ten post edytował Puszy 13.07.2017, 10:20:02

[nikos]

Czyli gdy cena bazowa jest 1500 a telefon ma niesprawny wyświetlacz to np odejmij od ceny 200 PLN, tak?

https://jsfiddle.net/oqyh76o5/3/

Prześledź zmiany związane z div.discount, data-discount-value oraz skrypt JS. Należy zmienić pytania albo przerobić skrypt żeby dodawał ceny. Ale masz to zainicjowane, tylko dostosuj pod siebie. Masz teraz trochę nieporządek, bo raz "TAK" powinno dodawać a raz odejmować cenę, zadaj pytania tak aby na przykład "NIE" zawsze odejmowało cenę.

O fajny pomysł dzięki!

Czy jest jakaś możliwość aby te ceny np odejmowały procentową wartość ceny?
Np discount były 80% ?

Np
https://jsfiddle.net/nikos83/oqyh76o5/4/

Ten post edytował nikos 13.07.2017, 12:19:13

[Puszy]

Tak dodaj np atrybut data-discount-percentage i odpowiednio zedytuj skrypt, tylko pamiętaj o tym żeby wyliczać procent od podstawy nie od nowej wartości. Po prostu zamiast

[HTML] pobierz, plaintext 
var discountPrice   =   parseFloat($(this).closest('.discount').data('discount-value'));
[HTML] pobierz, plaintext 

będziesz miał

[HTML] pobierz, plaintext 
var discountPrice   =   parseFloat($(this).closest('.discount').data('discount-percentage ')) * basePrice;
[HTML] pobierz, plaintext 

https://jsfiddle.net/oqyh76o5/5/

Pomijam tu obsługę floatów, zabezpieczeń żeby rabat nie wyniósł ponad 100% etc. Możesz też robić rabat procentowy od już wyliczonej ceny po wcześniejszym rabacie ale to już musisz sobie samemu pokombinować, masz dwa przykłady powinny Ci wystarczyć.

Ten post edytował Puszy 13.07.2017, 12:24:04