JSFiddle - React, Tailwind, and code Playground
HTML
<!-- <table width="80%" align="center" class="no_color" cellpadding="2" cellspacing="0" valign="top">
<tr>
<td class="border_bottom_gray_bold" valign="bottom" align="left" ><nobr>Предварительный расчёт необходимой мощности</nobr>
</td>
</tr>
</table> -->
<div id=zagolovok>
<nobr>Предварительный расчёт необходимой мощности</nobr>
</div>
<div id="root">
<div id="out">Уважаемый клиент!
<br> Для расчёта общей мощности потребляемой электроэнергии, рекомендуемой для указания заявителем при подаче заявки на технологическое присоединение, Вы можете воспользоваться нашим калькулятором.
<br> Для этого в приведенном списке отметьте галочками используемые (планируемые к использованию) бытовые электроприборы.
</div>
<form action="" method="post" name="calc" id="calc" onChange="calc_power()" class="ToFormPower">
<input type="checkbox" value=7>Электрический котел отопления (до 100 м2)
<br>
<input type="checkbox" value=12>Электрический котел отопления (от 100 до 200 м2)
<br>
<input type="checkbox" value=1.5>Плита электрическая (1-конфорочная)
<br>
<input type="checkbox" value=4>Плита электрическая (2-конфорочная)
<br>
<input type="checkbox" value=8>Плита электрическая (4-конфорочная)
<br>
<input type="checkbox" value=1.5>Стиральная машина
<br>
<input type="checkbox" value=0.3>Холодильник
<br>
<input type="checkbox" value=1.5>Водонагреватель
<br>
<input type="checkbox" value=1.5>Кондиционер
<br>
<input type="checkbox" value=2>Пылесос
<br>
<input type="checkbox" value=1.5>Электрочайник
<br>
<input type="checkbox" value=0.5>Компьютер
<br>
<input type="checkbox" value=0.2>Общее освещение
<br>
</form>
<div id=rez>
<!--<p id="summ" >Суммарная мощность электроприборов составляет <strong><span></span></strong> кВт</p>
<p id="koef">Коэфициент использования: <strong><span></span></strong> </p> -->
<p id="sumkoef">Расчётная мощность с учётом...
JavaScript
$(document).ready(function() {
$('#summ').hide();
$('#koef').hide();
$('#sumkoef').hide();
});
/////////////////////////////////////////////////////////
//
//2 - 4 1
//5 - 9 0,78
//10 - 14 0,63
//15 - 19 0,53
//20 - 24 0,49
//25 - 29 0,46
//30 - 34 0,44
//35 - 39 0,42
//40 - 49 0,41
//50 и более 0,40
function calc_power() {
var summ = 0,
k = 1,
sumk = 1;
//$('#calc input:checkbox').each(function(){
// $(this + "input[name='pribor'] :checked").each(function() {
//$('#calc input:checkbox').each(function(){
$("#calc input:checkbox:checked").each(function() {
summ += parseFloat($(this).val());
var n = $('input:checked').length;
if (1 >= n && n <= 4) {
k = 1.0;
} else if (5 >= n && n <= 9) {
k = 0.78;
} else if (10 >= n && n <= 14) {
k = 0.63;
} else if (15 >= n && n <= 19) {
k = 0.53
} else if (20 >= n && n <= 24) {
k = 0.49
} else if (25 >= n && n <= 29) {
k = 0.46
} else if (30 >= n && n <= 34) {
k = 0.44
} else if (35 >= n && n <= 39) {
k = 0.42
} else if (40 >= n && n <= 49) {
k = 0.41
} else if (50 <= n) {
k = 0.4
}
// alert($(this).val());
});
sumk = summ * k;
sumk = sumk.toFixed(1); //Округление до 1 знака после запятой
//sumk=Math.round(sumk).toFixed(1);
//alert(sumk);
$('#summ span').text(summ);
$('#koef span').text(k);
$('#sumkoef span').text(sumk);
if (summ != "") {
$('#summ').show()
}
if (k != "") {
$('#koef').show()
}
if (sumk != "") {
$('#sumkoef').show()
}
//$('#log span').html( 'Был выбран ' + $('input:checked').val() );
}