Показать сообщение отдельно
  #2 (permalink)  
Старый 22.05.2015, 16:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

kristow,
нельзя форму резать строками!!!
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<form name="Sum">
<table border="1" width="100%" bgcolor="#FFFF00">
	<tr>
		<td colspan="2" align="center"><b><font size="4">Итого за  оборудование = <output id="rezultat" name="rezultat">0</output> руб.</font></b></td>
	</tr>
	<tr>
		<td><label><input type="checkbox" name="vibor" value="15200">Прибор1 = 15200 руб.</label>
			<label><p><input type="checkbox" name="vibor" value="3500">Прибор2 = 3500 руб.</p></label>
			<label><p><input type="checkbox" name="vibor" value="1500">Прибор3 = 1500 руб.</p></label>
		</td>
		<td><label><input type="checkbox" name="vibor" value="15200">Прибор4 = 15200 руб.</label>
			<label><p><input type="checkbox" name="vibor" value="3500">Прибор5 = 3500 руб.</p></label>
			<label><p><input type="checkbox" name="vibor" value="1500">Прибор6 = 1500 руб.</p></label>
			<label><p><input type="checkbox" name="vibor" value="ON">Дополнительно:&nbsp; <input type="text" name="vibor2" size="20">руб.</p></label>
		</td>
	</tr>
</table>
</form>
<script>
var s = document.forms.Sum,
    d = s.querySelectorAll('input[type="checkbox"]:not([value]), input[type="checkbox"][value=""]');
  for (var i = 0; i < d.length; i++) // чтобы не было написано NaN, убираем в disabled пункты, где не прописаны значения
    d[i].disabled = true;
s.onchange = function() { // начало работы функции сложения
  var n = s.querySelectorAll('[type="checkbox"]'),
      itog = 0;
  for(var j=0; j<n.length; j++)
    n[j].checked && (itog += +n[j].value || +s.vibor2.value || 0);
    document.getElementById('rezultat').innerHTML = itog;
}
</script>


</body>

</html>
Ответить с цитированием