JSFiddle - React, Tailwind, and code Playground

HTML

<div id="konstructor">
         <div id="zabor">
           <div id="zaglushki">Заглушка</div>
           <div id="lagi">Брус</div>
           <div id="beton">Бетон</div>
         </div>
         <div id="doska_spl" class='doska'>Сплошная</div>
         <div id="zazor" class='doska'>Зазор</div>
           
         <div id="vibor">
            <span class="zag">Постройте забор</span>
            <form name="form1" action="" method="">
                <input type="checkbox" name="check1" value='zaglushki'/><span>Столбцы с заглушкой с метал. уголками</span><br />
              <input type="checkbox" name="check2"  value='lagi'/><span>Поперечный брус</span><br />
              <input type="checkbox" name="check3"/><span>Строганная доска</span><br />
              <input type="radio" name="rad1" value='zazor'/><span class="radio" >Укладка с зазором</span><br />
              <input type="radio" name="rad1"  value='doska_spl'/><span class="radio">Сплошной</span><br />
              <input type="checkbox" name="check4"  value='beton'/><span>Бетонирование</span>
            </form>
         </div>
      </div>

CSS

#vibor {
    clear: both;
}
#zabor {
    width: 300px;
    height: 30px;
    background: green;
    float: left;
}
#zaglushki, #lagi, #beton, #doska_spl, #zazor {
    display: none;
    width: 100px;
    height: 20px;
    float: left;
    text-align: center;
    color: white;
}
#zaglushki {
    background: red;
}
#lagi {
    background: blue;
}
input[type=radio] {
    margin-left: 20px;
}
#beton {
    background: yellow;
    color: black;
}
#doska_spl {
    background: black;
}
#zazor {
    background: #777777;
}

JavaScript

$('input[name!=check3]').on('click', function () {
    var id = '#'+$(this).val();
    if ($(this).prop('checked')) {
        if ($(this).prop('type') == 'radio') {
            $('.doska').css({'display': 'none'});
            $('input[name=check3]').prop('checked', true);
        }    
        $(id).css({'display': 'block'});
    } else {
        $(id).css({'display': 'none'});
    }
});
$('input[name=check3]').on('click', function () {
    if ($(this).prop('checked')) {
        $('.doska').css({'display': 'none'});
        $('input[type=radio][value=doska_spl]').prop('checked', true);
        $('#doska_spl').css({'display': 'block'});
    } else {
        $('.doska').css({'display': 'none'});
        $('input[type=radio]').prop('checked', false);
    }
});