Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.06.2022, 16:43
Новичок на форуме
Отправить личное сообщение для PersonalJesusqe Посмотреть профиль Найти все сообщения от PersonalJesusqe
 
Регистрация: 10.03.2022
Сообщений: 3

Калькуляция полей без кнопки
Доброго времени. Очень мало знаю язык, столкнулся с проблемой. Нужна автоматическая калькуляция полей в онлайн режиме без кнопки

Вот сам "код"

<span>Маржа</span>
 <input name="CFV[917157]"  id="output"class="linked-form__cf js-control-allow-numeric-negative text-input" type="numeric" value="" placeholder="..." autocomplete="off" />
 <hr>
 <span>Бюджет</span>
 <input name="CFV[917159]" class="linked-form__cf js-control-allow-numeric-negative text-input" type="numeric" value="" placeholder="..." autocomplete="off" />
 <hr>
 <span>Себестоимость</span>
 <input name="CFV[917161]" class="linked-form__cf js-control-allow-numeric-negative text-input" type="numeric" value="" placeholder="..." autocomplete="off" />
 <hr>
 <span>Логистика</span>
 <input name="CFV[917163]" class="linked-form__cf js-control-allow-numeric-negative text-input" type="numeric" value="" placeholder="..." autocomplete="off" />
 <hr>
 <span>Агентские</span>
 <input name="CFV[917165]" class="linked-form__cf js-control-allow-numeric-negative text-input" type="numeric" value="" placeholder="..." autocomplete="off" />


<input type="button" value="Add" onclick="addIt()">



<script type="text/javascript">
<!--
function addIt() {
var s1 = parseInt(document.getElementsByName('CFV[917159]')[0].value);
var s2 = parseInt(document.getElementsByName('CFV[917161]')[0].value);
var s3 = parseInt(document.getElementsByName('CFV[917163]')[0].value);
var s4 = parseInt(document.getElementsByName('CFV[917165]')[0].value);    
document.getElementsByName('CFV[917157]')[0].value = s1 - s2 - s3 - s4;
}
// -->
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 15.06.2022, 16:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от PersonalJesusqe
Нужна автоматическая калькуляция полей в онлайн режиме без кнопки
Выбирай нужное тебе событие...
https://learn.javascript.ru/events-change

Вешай его на нужные тебе поля... И вызывай в обработчике свою функцию.
Ответить с цитированием
  #3 (permalink)  
Старый 15.06.2022, 16:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

PersonalJesusqe,
добавить во все CFV
<input oninput="addIt()"

Последний раз редактировалось рони, 15.06.2022 в 16:57.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Мой простой движок магазина без цен или витрины sovsem-nub Ваши сайты и скрипты 12 31.10.2016 17:59
Новый контент без перезагрузки внутри кнопки Wolverline Общие вопросы Javascript 1 06.01.2015 19:41
Анимация залипания кнопки SmilingDog Events/DOM/Window 14 22.12.2014 06:35
реализация добавления поля формы без перезагрузки sc2r2bey Элементы интерфейса 1 31.07.2009 16:51
проверка полей формы!!!! DENAT Общие вопросы Javascript 0 05.06.2008 22:14