Проблема с калькуляторм

217
08 февраля 2018, 19:03

Помогите с решением, есть калькулятор, по клику на чекбокс #chek_plit отображается плита фундамента и форма ввода, надо сделать так чтобы при снятии галочки не только скрывалось форма ввода но и данные в keyup(function ()) введённые в форму изменялись в реальном времени. пытался через глобальные переменные но так и не смог. Можно отобразить, а вот убить не получается форма с рисунком скрывается а данные из формы так и весят в расчетах.

ниже код:

$(document).ready(function () {
//------------------- Переключатель плита ----------------//
// Скрыть или отобразить форму с рисунком по клику. 
$("#chek_plit").on("click", function (){    
if( $(this).is(':checked') ){
    $ (".fons2").css ({"display": "block"});
    $ (".fons").css ({"margin-top": "0px"});
}else{
    $ (".fons2").css ({"display": "none"});
    $ (".fons").css ({"margin-top": "38px"});

    }
}); 


//------------------------------------------------------//

$("#fundament2,#fundament1").keyup(function () {                   

witch = $('input[name=with_lenta]').val() * 2;
height = $('input[name=height_lenta]').val() * 2;
thic = $('input[name=thic_lenta]').val()/ 100 ;
cokol_h = $('input[name=cokol_h]').val()/ 100 ;
cokol_w = $('input[name=cokol_w]').val()/ 100 ; 

perek = $('input[name=perek]').val()/ 100;
//Получает данные из формы открывающейся по клику по умолчанию 0.
//суть в том чтобы в кейуп прискрытии формы менялось значения поля 
//perek = $('input[name=perek]').val(); на 0 
//и при открытии опять ловило новые данные
//и передавало в кей уп.
//Желательно построить на изменении переменных.
pod_w = $('input[name=pod_w]').val()/ 100 ;
pod_h = $('input[name=pod_h]').val()/ 100 ;



//--------------------------------------------------------//

    var plita = witch / 2 * height / 2 * perek;     
    var cokol = cokol_h + cokol_w;
    var pogonaj = witch + height;
    var podoshva =  pod_w * pod_h * pogonaj;
    var total = witch + height;
    var lenta_fun = total * thic * cokol;


newTotal = lenta_fun + podoshva + plita;
   newTotal = newTotal.toFixed(2);
  //var newTotal = Math.round(total1);
    $("#Tot").text(newTotal);
    $("#Tot1").text(pogonaj);
})
 .keyup (); 

});
READ ALSO
Компактная запись .querySelectorAll()

Компактная запись .querySelectorAll()

Всем привет! Допустим есть код:

222
Каким образом делаются переходы?

Каким образом делаются переходы?

Как реализуются такие переходы, как на скриншоте?

238
Каким образом можно парсить SPA сайты?

Каким образом можно парсить SPA сайты?

Нужно спарсить инфу с сайтаПроблема в том, что он одностраничный (SPA)

207
Свойства объектов

Свойства объектов

Друзья, подскажите пожалуйста, почему в данном случае в obj3 свойству size присвоилось значение 40, а addheight осталась 50 по умолчанию в obj3, и как нужно...

293