Привет всем.
У меня по коду идете рейтинг по звездочкам и надо фиксировать несколько параметров,но при каждом вызове я теряю одну из переменных.
Подскажите как не терять переменную в функции, вот мой код.
function textzaloba(tip,num) {
document.getElementById(tip+'1_zvezda').classList.remove("fa-star-o","fa-star");
document.getElementById(tip+'2_zvezda').classList.remove("fa-star-o","fa-star");
document.getElementById(tip+'3_zvezda').classList.remove("fa-star-o","fa-star");
document.getElementById(tip+'4_zvezda').classList.remove("fa-star-o","fa-star");
document.getElementById(tip+'5_zvezda').classList.remove("fa-star-o","fa-star");
if (num==1){
document.getElementById(tip+'1_zvezda').classList.add('fa-star');
document.getElementById(tip+'2_zvezda').classList.add("fa-star-o");
document.getElementById(tip+'3_zvezda').classList.add("fa-star-o");
document.getElementById(tip+'4_zvezda').classList.add("fa-star-o");
document.getElementById(tip+'5_zvezda').classList.add("fa-star-o");
}
if (num==2){
document.getElementById(tip+'1_zvezda').classList.add('fa-star');
document.getElementById(tip+'2_zvezda').classList.add("fa-star");
document.getElementById(tip+'3_zvezda').classList.add("fa-star-o");
document.getElementById(tip+'4_zvezda').classList.add("fa-star-o");
document.getElementById(tip+'5_zvezda').classList.add("fa-star-o");
}
if (num==3){
document.getElementById(tip+'1_zvezda').classList.add('fa-star');
document.getElementById(tip+'2_zvezda').classList.add("fa-star");
document.getElementById(tip+'3_zvezda').classList.add("fa-star");
document.getElementById(tip+'4_zvezda').classList.add("fa-star-o");
document.getElementById(tip+'5_zvezda').classList.add("fa-star-o");
}
if (num==4){
document.getElementById(tip+'1_zvezda').classList.add('fa-star');
document.getElementById(tip+'2_zvezda').classList.add("fa-star");
document.getElementById(tip+'3_zvezda').classList.add("fa-star");
document.getElementById(tip+'4_zvezda').classList.add("fa-star");
document.getElementById(tip+'5_zvezda').classList.add("fa-star-o");
}
if (num==5){
document.getElementById(tip+'1_zvezda').classList.add('fa-star');
document.getElementById(tip+'2_zvezda').classList.add("fa-star");
document.getElementById(tip+'3_zvezda').classList.add("fa-star");
document.getElementById(tip+'4_zvezda').classList.add("fa-star");
document.getElementById(tip+'5_zvezda').classList.add("fa-star");
}
if (tip=='servis' && num>0){var num_servis = num;}
if (tip=='kachestvo' && num>0){var num_kachestvo = num;}
alert(num_servis+' '+num_kachestvo);
}
<label>Оценить сервис:</label>
<div class="text-center">
<input id="servis1" name="servis" value="1" type="radio" />
<input id="servis2" name="servis" value="2" type="radio" />
<input id="servis3" name="servis" value="3" type="radio" />
<input id="servis4" name="servis" value="4" type="radio" />
<input id="servis5" name="servis" value="5" type="radio" />
<label onclick="textzaloba('servis','1')" for="servis1" class="btn btn-default"><i id="servis1_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('servis','2')" for="servis2" class="btn btn-default"><i id="servis2_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('servis','3')" for="servis3" class="btn btn-default"><i id="servis3_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('servis','4')" for="servis4" class="btn btn-default"><i id="servis4_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('servis','5')" for="servis5" class="btn btn-default"><i id="servis5_zvezda" class="fa fa-star-o text-yellow"></i></label>
</div>
<label>Оценить качество:</label>
<div class="text-center">
<input id="kachestvo1" name="kachestvo" value="1" type="radio" />
<input id="kachestvo2" name="kachestvo" value="2" type="radio" />
<input id="kachestvo3" name="kachestvo" value="3" type="radio" />
<input id="kachestvo4" name="kachestvo" value="4" type="radio" />
<input id="kachestvo5" name="kachestvo" value="5" type="radio" />
<label onclick="textzaloba('kachestvo','1')" for="kachestvo1" class="btn btn-default"><i id="kachestvo1_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('kachestvo','2')" for="kachestvo2" class="btn btn-default"><i id="kachestvo2_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('kachestvo','3')" for="kachestvo3" class="btn btn-default"><i id="kachestvo3_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('kachestvo','4')" for="kachestvo4" class="btn btn-default"><i id="kachestvo4_zvezda" class="fa fa-star-o text-yellow"></i></label>
<label onclick="textzaloba('kachestvo','5')" for="kachestvo5" class="btn btn-default"><i id="kachestvo5_zvezda" class="fa fa-star-o text-yellow"></i></label>
</div>