Пометил красным, что изменено. Также нет стилей.(подключённых css файлов и тега <style>)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>ГГ</title>
</head>
<body>
<script type="text/javascript">
function calc() {
var type_zayava = document.getElementById("type_zayava");
var doc = document.getElementById("doc");
//Result
*!*
var result_zayava = document.querySelector("#result_zayava h1");
var result_doc = document.querySelector("#result_doc h1");
var result = document.querySelector("#result h1");
*/!*
var price_zayava = 0;
var price_doc = 0;
var price = 0;
price_zayava += (type_zayava.checked == true) ? parseInt(type_zayava.value) : 0;
price_doc += (doc.checked == true) ? parseInt(doc.value) : 0;
price=price_zayava + price_doc;
result_zayava.innerHTML = price_zayava;
result_doc.innerHTML = price_doc;
result.innerHTML = price;
}
</script>
<!--Minimum-->
<table>
<tr>
<td width="350"><h1>Заполнение заявления по установленной форме</h1> </td>
<td width="50" height="35"><input type="checkbox" onchange="calc()" value="500" id="type_zayava" /></td>
<td width="100"><span id="result_zayava"><h1>0</h1></span> <h1>руб.</h1></td>
</tr>
<tr>
<td width="350"><h1>Подготовка основных документов</h1></td>
<td width="50" height="35"><input type="checkbox" onchange="calc()" value="1000" id="doc" /></td>
<td width="100"><span id="result_doc"><h1>0</h1></span> <h1>руб.</h1></td>
</tr>
<!-- Итог -->
<tr>
<td width="50" height="300" class="td_result"><h1>ИТОГО:</h1></td>
<td class="td_result"><span id="result"><h1>0</h1></span><h1>руб.</h1></td>
</tr>
</table>
</body>
</html>