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ć...
<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); } }); });
Oto część kodu
https://jsfiddle.net/nikos83/oqyh76o5/
Proszę o wskazówki