<style>
a[href="#summ"]{
pointer-events:none;
}
.activebutt{
background-color: #72b73b !important;
color: #fff !important;
}
.needrows {
background-color: #d4fbb5 !important;
}
</style>
<script>
$( document ).ready(function() {
var only = 1;var together = 0;
//Добавляем класс нашим активным первым кнопкам
$('a[href$="-type"]:first').addClass('activebutt');
$('a[href$="-depth"]:first').addClass('activebutt');
$('a[href$="-width"]:first').addClass('activebutt');
$('a[href$="-length"]:first').addClass('activebutt');
//Рассчитываем цену
function getsumm() {
if( $('input[name="quant"]').val()<2){
$('input[name="quant"]').val(1);only=1;together=0;
}else{ only=0;together=1; };
//Собираем дынные из кнопок
var type = $('a[href$="-type"].activebutt').html();
var depth = $('a[href$="-depth"].activebutt').html();
var width = $('a[href$="-width"].activebutt').html();
var length = $('a[href$="-length"].activebutt').html();
var size = depth+'х'+width+'х'+length;
//Ищем цену в таблице
$('.t431__tbody tr').removeClass('selectrows needrows');
$(".t431__td:contains("+size+")").parent().addClass('selectrows');
$(".selectrows .t431__td:contains('"+type+"')").parent().addClass('needrows');
var price = Number.parseInt($('.needrows td:last').html());
var col= $('input[name="quant"]').val();
//Анимация числа
$(function() {
var cLnum = 'a[href="#summ"]';
var numb_start = $(cLnum).html();
var numb_end = price*col;
$({numberValue: numb_start}).animate({numberValue: numb_end}, {
duration: 1500,
easing: "swing",
step: function(val) {$(cLnum).html(Math.ceil(val));
}
});
});
};
//При нажатии кнопки, меняем активное состояние
$('a[href^="#calc"]').click(function(e) {e.preventDefault();
if(!$(this).hasClass("activebutt")) {
var linkbtn = "a[href="+$(this).attr('href')+"]";
$(linkbtn).removeClass('activebutt');$(this).addClass('activebutt');
};getsumm();
});
$(document).on('click','.t396 .t-inputquantity__btn-plus , .t396 .t-inputquantity__btn-minus',function () { getsumm(); });
$(document).on('focusout','input[name="quant"]',function () { getsumm(); });
$(document).on('keydown','input[name="quant"]',function (event) {
if(event.keyCode == 13) { event.preventDefault(); return false; getsumm(); }});
$( window ).resize(function() { setTimeout(function(){ getsumm();}, 700)
});
});
</script>