Спасибо огромное за ответ!
Я разобрался сам))) Сделал чуток по другому.
Можно еще вопрос? Как сделать так, чтобы выбранные варианты и их общая стоимость могли быть отправлены клиентом на мою почту?
Я знаю что нужно прописать в коде форму отправки и как то зацепить на нее результаты.
А вот кстати как я сейчас сделал:
<html>
<head>
<meta charset="utf-8">
<title>font-size</title>
<style>
h1 {
font-family: 'Jura'; /* Гарнитура текста */
font-size: 11pt; /* Размер шрифта в пунктах */
}
h2 {
font-family: 'Jura'; /* Гарнитура текста */
font-size: 12pt; /* Размер шрифта в пунктах */
}
</style>
</head>
<h1>
<script type="text/javascript">
function calc() {
var zayava = document.getElementById("zayava");
var doc = document.getElementById("doc");
var notarius = document.getElementById("notarius");
var stat = document.getElementById("stat");
var uvedomleniya = document.getElementById("uvedomleniya");
var bill = document.getElementById("bill");
var truddir = document.getElementById("truddir");
var trudrab = document.getElementById("trudrab");
var dolzdir = document.getElementById("dolzdir");
var dolzrab = document.getElementById("dolzrab");
var poltrud = document.getElementById("poltrud");
var polkom = document.getElementById("polkom");
var pravila = document.getElementById("pravila");
var buhsop = document.getElementById("buhsop");
var kadry = document.getElementById("kadry");
var pechat = document.getElementById("pechat");
//Result
var price_zayava = 0;
var price_doc = 0;
var price_notarius = 0;
var price_uvedomleniya = 0;
var price_stat = 0;
var price_bill = 0;
var price_truddir = 0;
var price_trudrab = 0;
var price_dolzdir = 0;
var price_dolzrab = 0;
var price_poltrud = 0;
var price_polkom = 0;
var price_pravila = 0;
var price_buhsop = 0;
var price_kadry = 0;
var price_pechat = 0;
var price = 0;
price_zayava += (zayava.checked == true) ? parseInt(zayava.value) : 0;
price_doc += (doc.checked == true) ? parseInt(doc.value) : 0;
price_notarius += (notarius.checked == true) ? parseInt(notarius.value) : 0;
price_uvedomleniya += (uvedomleniya.checked == true) ? parseInt(uvedomleniya.value) : 0;
price_stat += (stat.checked == true) ? parseInt(stat.value) : 0;
price_bill += (bill.checked == true) ? parseInt(bill.value) : 0;
price_truddir += (truddir.checked == true) ? parseInt(truddir.value) : 0;
price_trudrab += (trudrab.checked == true) ? parseInt(trudrab.value) : 0;
price_dolzdir += (dolzdir.checked == true) ? parseInt(dolzdir.value) : 0;
price_dolzrab += (dolzrab.checked == true) ? parseInt(dolzrab.value) : 0;
price_poltrud += (poltrud.checked == true) ? parseInt(poltrud.value) : 0;
price_polkom += (polkom.checked == true) ? parseInt(polkom.value) : 0;
price_pravila += (pravila.checked == true) ? parseInt(pravila.value) : 0;
price_buhsop += (buhsop.checked == true) ? parseInt(buhsop.value) : 0;
price_kadry += (kadry.checked == true) ? parseInt(kadry.value) : 0;
price_pechat += (pechat.checked == true) ? parseInt(pechat.value) : 0;
price=price_zayava + price_doc + price_notarius + price_uvedomleniya + price_stat + price_bill + price_truddir + price_trudrab + price_dolzdir + price_dolzrab + price_poltrud + price_polkom + price_pravila + price_buhsop + price_kadry + price_pechat;
result_zayava.innerHTML = price_zayava;
result_doc.innerHTML = price_doc;
result_notarius.innerHTML = price_notarius;
result_uvedomleniya.innerHTML = price_uvedomleniya;
result_stat.innerHTML = price_stat;
result_bill.innerHTML = price_bill;
result_truddir.innerHTML = price_truddir;
result_trudrab.innerHTML = price_trudrab;
result_dolzdir.innerHTML = price_dolzdir;
result_dolzrab.innerHTML = price_dolzrab;
result_poltrud.innerHTML = price_poltrud;
result_polkom.innerHTML = price_polkom;
result_pravila.innerHTML = price_pravila;
result_buhsop.innerHTML = price_buhsop;
result_kadry.innerHTML = price_kadry;
result_pechat.innerHTML = price_pechat;
result.innerHTML = price;
}
</script>
<!--Заявление-->
<table>
<tr>
<td width="650" height="40">Заполнение заявления по установленной законом форме</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="500" id="zayava" /></td>
<td width="50"><span id="result_zayava">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Нотариус-->
<tr>
<td width="650" height="40">Нотариальное заверение заявления в ИФНС</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="notarius" /></td>
<td width="40"><span id="result_notarius">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Подача-->
<tr>
<td width="650" height="40">Подача и получение документов из ИФНС</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="doc" /></td>
<td width="40"><span id="result_doc">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Печать-->
<tr>
<td width="650" height="40">Изготовление печати юрлица</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="pechat" /></td>
<td width="40"><span id="result_pechat">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Расчетный счет-->
<tr>
<td width="650" height="40">Открытие расчетного счета (банк по выбору клиента)</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="bill" /></td>
<td width="40"><span id="result_bill">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Уведомления ПФ и ФСС-->
<tr>
<td width="650" height="40">Получение уведомлений о постановке на учет из Пенсионного фонда и Фонда социального страхования</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="uvedomleniya" /></td>
<td width="40"><span id="result_uvedomleniya">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Статистика-->
<tr>
<td width="650" height="40">Получение письма Госстата о присвоении кодов</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="stat" /></td>
<td width="40"><span id="result_stat">0</span></td>
<td width="50">руб.</td>
</tr>
<!--БУХГАЛТЕРСКОЕ СОПРОВОЖДЕНИЕ:-->
<tr>
<td width="650" height="40">Ежемесячное бухгалтерское обслуживание (стоимость в месяц)</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="buhsop" /></td>
<td width="40"><span id="result_buhsop">0</span></td>
<td width="50">руб.</td>
</tr>
<!--ВЕДЕНИЕ КАДРОВОГО УЧЕТА:-->
<tr>
<td width="650" height="40">Ведение кадрового учета работников (стоимость за одно дело)</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="kadry" /></td>
<td width="40"><span id="result_kadry">0</span></td>
<td width="50">руб.</td>
</tr>
<!--РАЗДЕЛ ЛОКАЛЬНЫЕ ДОКУМЕНТЫ:-->
<!--Трудовой договор с директором-->
<tr>
<td width="650" height="40">Подготовка трудового договора с руководителем</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="truddir" /></td>
<td width="40"><span id="result_truddir">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Трудовой договор с работником-->
<tr>
<td width="650" height="40">Подготовка одного трудового договора с работником (любой специальности)</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="trudrab" /></td>
<td width="40"><span id="result_trudrab">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Должностная инструкция директора-->
<tr>
<td width="650" height="40">Подготовка должностной инструкции руководителя</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="dolzdir" /></td>
<td width="40"><span id="result_dolzdir">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Должностная инструкция работника-->
<tr>
<td width="650" height="40">Подготовка должностной инструкции работника</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="dolzrab" /></td>
<td width="40"><span id="result_dolzrab">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Положение об оплате труда-->
<tr>
<td width="650" height="40">Подготовка положения об оплате труда</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="poltrud" /></td>
<td width="40"><span id="result_poltrud">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Положение о коммерческой тайне-->
<tr>
<td width="650" height="40">Подготовка положения о коммерческой тайне</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="polkom" /></td>
<td width="40"><span id="result_polkom">0</span></td>
<td width="50">руб.</td>
</tr>
<!--Правила трудового распорядка-->
<tr>
<td width="650" height="40">Подготовка правил трудового распордка компании</td>
<td width="50" height="40"><input type="checkbox" onchange="calc()" value="1000" id="pravila" /></td>
<td width="40"><span id="result_pravila">0</span></td>
<td width="50">руб.</td>
</tr>
<!-- Итог -->
<tr>
<td width="300"> </td>
<td width="60" height="60" class="td_result"><h2>ИТОГО:</h2></td>
<td class="td_result"><span id="result">0</span></td>
<td width="60">руб.</td>
</tr>
</table>
</h1>
</html>