Скрипт калькулятора расчета с выбором вариантов, через radio button (радио кнопки) на javascript для сайта
Скрипт 1
Скрипт 2
Скрипты двух калькуляторов расчета состоящий из групп input type radio button. Каждая группа radio кнопок означает, какой либо параметр расчета и имеет несколько вариантов для выбора. Например, у «Параметра 1», может быть три варианта для выбора: «Вариант 1», «Вариант 2», «Вариант 3». Когда все значения калькулятора выбраны, необходимо нажать на кнопку «Рассчитать», в результате чего, в графе «Итого» появится результат расчета.
При расчете, калькулятор анализирует все radio button и выбирает у отмеченных кнопок значения value. Затем, все полученные значения, подставляются в формулу расчета. Формула расчета, может быть любой и настраивается согласно требованиям расчета конкретного калькулятора. В приведенном примере, все отмеченные значения суммируются.
Настройки калькулятора radio button
<input type='radio' name='radGroup4' value='100' checked>
где,
name=’radGroup1’ – название первой группы radio кнопок.
value=’100’ – значение конкретной radio button.
checked – означает, что кнопка отмечена по умолчанию.
Формула расчета калькулятора radio button
sum = val1 + val2 + val3 + val4;
где,
sum – результат расчета.
val1 … val4 – значения value у выбранных radio кнопок.
Установка калькулятора radio button
Вставить калькулятор в html код страницы, в том месте, где необходимо вывести калькулятор.
Требования для работы калькулятора radio button
Браузер, javascript
Редактирование калькулятора radio button
Обладая базовыми знаниями html и javascript, можно изменять функционал калькулятора, самостоятельно добавлять или удалять пункты.
Скачать Скрипт калькулятора расчета с выбором вариантов, через radio button (радио кнопки) на javascript для сайта
Примечание:Скрипт рекомендуется использовать, для самостоятельного изучения его кода и как основу для дальнейшей его доработки и модификации. При коммерческом использовании скрипта, дополнительно проверяйте и тестируйте его работу.