Code: Select all
<html>
<body>
<input type="checkbox" id="check1" value="20" onClick="priceFunc();">
<input type="checkbox" id="check2" value="20" onClick="priceFunc();">
<input type="checkbox" id="check3" value="20" onClick="priceFunc();">
<input type="checkbox" id="check4" value="20" onClick="priceFunc();">
<input type="checkbox" id="check5" value="20" onClick="priceFunc();">
<select id="sel1" onChange="priceFunc();">
<option value="0"></option>
<option value="10">10</option>
<option value="5"></option>
</select>
<select id="sel2" onChange="priceFunc();">
<option value="0"></option>
<option value="20">20</option>
<option value="15">15</option>
</select>
<a href="javascript:priceFunc();">Total ?</a>
<div id="total"></div>
<script>
function priceFunc(){
var s1 = document.getElementById('sel1'),
s2 = document.getElementById('sel2'),
total = 0;
// Взимаме чекбоксовете и ако са маркирани, добавяме стойността
for( var t=1;t<=5;t++){
var c = document.getElementById('check'+t);
if( c.checked == true ) total += parseInt(c.value);
}
// Прибавяме и стойностите на двата селект бокса
total += parseInt(s1.options[s1.selectedIndex].value);
total += parseInt(s2.options[s2.selectedIndex].value);
document.getElementById('total').innerHTML = 'Обща цена: '+total + ' млн лева :D';
}
</script>
</body>
</html>Тъй като JS ми е меко казано необятен на мен ми трябва следната доработка:
Да се направи така че преди даден чекбокс да е избран, дори и да се избере стойност от Option менютата тя да не се калкулира в тотал.
За да го представя по ясно, ето и конкретния пример:
Имам 3 чекбоска, за който всеки си има стойност (цена на даден пакет)..Dropdown менютата (2 на брой) съдържат цени на допълнителни неща към тези пакети (1,2,3,4,5,6 опции, всяка със стойност(цена) ).
Трябва да се направи така че да не се начисляват допълнителни неща към пакетите преди да е избрат даден пакет, тоест чекбокс.
Ще бъда безкрайно благодарен на всеки който помогне!
