タブメニュー内の画像が重ならない、表示している金額のみ合計したい。

Question

文章が収まりきらなかったためサイトURLを掲載させていただきました。
下記URLのサイトを作成しています。
https://www.sunny-takahashi.com/testsistem/price_calculation/tif/force2_pricecal/foce2_pc_h.html

サイト内③天板と⑤上置のタブメニュー内の部分で直せないところがあり質問させていただきます。
1、タブ内のチェックボックスをチェックし、他の２つのタブに変えたときに表示しているタブ以外の金額を抜きたい。
2、⑤の上置部分のタブメニューで、ページを開いて一番最初に移っている上置H23～39cmページ同様に、上置H40～59cmとフィラーH8～22cmの中に格納されている画像も重ねて表示させたい。

どうぞお力をお貸しください。

js

plice=new Array();
plice[000]=0;<!---- 合計欄は0のままで---->
plice[1]=25400;
plice[2]=25400*2;
plice[3]=25400;
//※※4～242割愛
plice[243]=29600;
plice[244]=29600*2;
function keisan(){
  goukei=0;
  for(i=000;i<=244;i++){
 if(document.myform.elements[i].checked==true){
 goukei=goukei+plice[i];
 }
 }
 document.myform.total.value=goukei;
 }
//※※※ 画像ドラッグ機能 ※※※//
             $(function() {
               $(".draggable img").draggable({snap: true})
                });
//※※※ 画像重ねレイアウト ※※※//
$(".uaok30 span img.no1").each(function(){
  var wno1 = $(this).width();
  var wno2 = wno1*-1;
  var wno3 = wno1*-2;
  $(this).nextAll(".no2").css("left",wno2);
  $(this).nextAll(".no3").css("left",wno3);
});
$(".uaok40 span img.no1").each(function(){
  var wno1 = $(this).width();
  var wno2 = wno1*-1;
  var wno3 = wno1*-2;
  $(this).nextAll(".no2").css("left",wno2);
  $(this).nextAll(".no3").css("left",wno3);
});
$(".uaok60 span img.no1").each(function(){
  var wno1 = $(this).width();
  var wno2 = wno1*-1;
  var wno3 = wno1*-2;
  $(this).nextAll(".no2").css("left",wno2);
  $(this).nextAll(".no3").css("left",wno3);
});
$(".filler140 span img.no1").each(function(){
  var wno1 = $(this).width();
  var wno2 = wno1*-1;
  var wno3 = wno1*-2;
  $(this).nextAll(".no2").css("left",wno2);
  $(this).nextAll(".no3").css("left",wno3);
});
$(".filler150 span img.no1").each(function(){
  var wno1 = $(this).width();
  var wno2 = wno1*-1;
  var wno3 = wno1*-2;
  $(this).nextAll(".no2").css("left",wno2);
  $(this).nextAll(".no3").css("left",wno3);
});
$(".filler160 span img.no1").each(function(){
  var wno1 = $(this).width();
  var wno2 = wno1*-1;
  var wno3 = wno1*-2;
  $(this).nextAll(".no2").css("left",wno2);
  $(this).nextAll(".no3").css("left",wno3);
});
});
//天板タブここから★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
$(function() {
  var tabMenu = function() {
    /**
     * 変数の指定
     * $tab_area          : tabの親要素のjQueryオブジェクト
     * $content           : tabによって切り替わる要素のjQueryオブジェクト
     * TAB_ACTIVE_CLASS   : tabが選択されたスタイルを変更するclass名
     * CONTENT_SHOW_CLASS : contentを表示させるためのclass名
     * id_arr             : $contentのIDを配列に格納
     */
    var $tab_area          = $('.tabArea');
    var $content           = $('.contents .tab_main');
    var TAB_ACTIVE_CLASS   = 'select';
    var CONTENT_SHOW_CLASS = 'is_show';
    var id_arr             = $content.map(function() { return '#' + $(this).attr('id');}).get();
    /**
      @return {string} 
      @return {false} 
     */
    var getHash = function() {
      var hash = window.location.hash;
      var index = id_arr.indexOf(hash);

      if (index === -1) {
        return false;
      } else {
        return id_arr[index];
      }
    };
    var initialize = function() {
      var hash = getHash();
      if (hash) {
        $tab_area.find('a[href="'+hash+'"]').addClass(TAB_ACTIVE_CLASS); // 1
        $(hash).addClass(CONTENT_SHOW_CLASS); // 2
        $(window).on('load',function(){
          setTimeout(function(){
            var adjust = 100;
            var speed = 400; 
            var target = $(hash);
            var position = target.offset().top - adjust;
            $('body,html').animate({scrollTop:position}, speed, 'swing');
          },100);
        });
      } else {
        $tab_area.find('.one_tab:first > a').addClass(TAB_ACTIVE_CLASS); // 3
        $($content[0]).addClass(CONTENT_SHOW_CLASS); // 3
      }
    };
    var addEvent = function() {
      $tab_area.find('a').on('click', function() {
        // 1
        var href = $(this).attr('href');
        var $targetContent = $(href);
        if ($(this).hasClass(TAB_ACTIVE_CLASS)) {
          return false;
        }
        $tab_area.find('a').removeClass(TAB_ACTIVE_CLASS);
        $content.removeClass(CONTENT_SHOW_CLASS);
        $(this).addClass(TAB_ACTIVE_CLASS);
        $targetContent.addClass(CONTENT_SHOW_CLASS);
        return false;
      });
    };
    return [initialize(), addEvent()];
  };
  tabMenu();
});
//上置・フィラータブ★★★
$(function() {
  var tabMenu = function() {
    var $tab_area          = $('.tabArea_tbf');
    var $content           = $('.contents_tbf .tab_main_tbf');
    var TAB_ACTIVE_CLASS   = 'select_tbf';
    var CONTENT_SHOW_CLASS = 'is_show_tbf';
    var id_arr             = $content.map(function() { return '#' + $(this).attr('id');}).get();
    /**
     * 該当するhashデータがある場合、hashを返す
     * 該当とは id_arr[] に含まれるもの
     * @return {string} 該当する場合
     * @return {false} 該当しない（存在しない）場合
     */
    var getHash = function() {
      var hash = window.location.hash;
      var index = id_arr.indexOf(hash);

      if (index === -1) {
        return false;
      } else {
        return id_arr[index];
      }
    };
    var initialize = function() {
      var hash = getHash();
      if (hash) {
        $tab_area.find('a[href="'+hash+'"]').addClass(TAB_ACTIVE_CLASS); // 1
        $(hash).addClass(CONTENT_SHOW_CLASS); // 2
        $(window).on('load',function(){
          setTimeout(function(){
            var adjust = 100;
            var speed = 400;
            var target = $(hash);
            var position = target.offset().top - adjust;
            $('body,html').animate({scrollTop:position}, speed, 'swing');
          },100);
        });
      } else {
        $tab_area.find('.one_tab_tbf:first > a').addClass(TAB_ACTIVE_CLASS); // 3
        $($content[0]).addClass(CONTENT_SHOW_CLASS); // 3
      }
    };
    var addEvent = function() {
      $tab_area.find('a').on('click', function() {
        var href = $(this).attr('href');
        var $targetContent = $(href);
        if ($(this).hasClass(TAB_ACTIVE_CLASS)) {
          return false;
        }
        $tab_area.find('a').removeClass(TAB_ACTIVE_CLASS);
        $content.removeClass(CONTENT_SHOW_CLASS);
        $(this).addClass(TAB_ACTIVE_CLASS);
        $targetContent.addClass(CONTENT_SHOW_CLASS);
        return false;
      });
    };
    return [initialize(), addEvent()];
  };
  tabMenu();
});