Два взаимосвязанных поля input

@новый вася · Регистрация: 22.01.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте прошу помочь...
не могу понять как создать два взаимосвязанных поля input
например в первый input1 вводится значение 10 а во втором поле input2 отображается 20 ( т.е. input1 * 2)
растолкуйте что к чему в двух словах пожалуйста

@kalabuni · 22.01.2015, 21:16

регулярные выражения здесь как бы совсем не нужны

по сути вашего вопроса:положим, вводите вы в первый инпут свою десятку с клавиатуры --
сначала единичку, а потом нолик
вам надо, чтобы во втором инпуте сразу же появлялась сначала двойка, а потом двадцать?
или как?

может, надо ввести в первый инпут десятку, потом нажать на какую-то кнопочку и получить во втором инпуте двадцатку?

@новый вася · 23.01.2015, 00:11 **[ТС]**

да да правильно, первый вариант.
вводишь в input1 единицу и сразу же в input2 пишет двойку
вводишь в input1 двойку и сразу же в input2 пишет четыре, вообщем умножает на заданную константу
с кнопкой не подходит
также и в input2 совершается обратное действие при вводе
вводишь в input2 двойку и сразу же в input1 пишет единицу
вводишь в input2 четверку и сразу же в input1 пишет два, вообщем выполняет обратное действие, деление на ту же самую константу

поля получаются связанные между собой формулой input1=input2*const ну и как следствие input2=input1/const

@Vadim_Lasso · 23.01.2015, 01:19

Тест: http://jsfiddle.net/1gv6y05m/

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE>
<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    </head>
    <body>
        <input type="text" name="first" value="" />
        <input type="text" name="second" value="" />
        <script language="JavaScript">
            $(function() {
                $("input[name='first']").keyup(function() {
                    $("input[name='second']").val($(this).val() * 2); 
                }); 
            });
        </script>
    </body>
</html>

@новый вася · 23.01.2015, 10:34 **[ТС]**

спасибо огромное

Добавлено через 2 минуты
по логике дописал а второе

JavaScript
1
2
3
4
5
6
7
8
9
10
$(function() {
    $("input[name='first']").keyup(function() {
       $("input[name='second']").val($(this).val() * 2); 
    }); 
});
$(function() {
    $("input[name='second']").keyup(function() {
       $("input[name='first']").val($(this).val() / 2); 
    }); 
});

Добавлено через 2 часа 18 минут
теперь еще бы кто на досуге сказал чем его округлить до целого
Math.round(X) .toFixed(0) не работают, или мб я не то что-то пишу....

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@новый вася 1 / 1 / 1 Регистрация: 22.01.2015 Сообщений: 40

	Два взаимосвязанных поля input 22.01.2015, 18:03. Показов 4047. Ответов 4 Метки нет (Все метки) Здравствуйте прошу помочь... не могу понять как создать два взаимосвязанных поля input например в первый input1 вводится значение 10 а во втором поле input2 отображается 20 ( т.е. input1 * 2) растолкуйте что к чему в двух словах пожалуйста 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	22.01.2015, 21:16
	регулярные выражения здесь как бы совсем не нужны по сути вашего вопроса:положим, вводите вы в первый инпут свою десятку с клавиатуры -- сначала единичку, а потом нолик вам надо, чтобы во втором инпуте сразу же появлялась сначала двойка, а потом двадцать? или как? может, надо ввести в первый инпут десятку, потом нажать на какую-то кнопочку и получить во втором инпуте двадцатку? 0

@новый вася 1 / 1 / 1 Регистрация: 22.01.2015 Сообщений: 40
	23.01.2015, 00:11 [ТС]
	да да правильно, первый вариант. вводишь в input1 единицу и сразу же в input2 пишет двойку вводишь в input1 двойку и сразу же в input2 пишет четыре, вообщем умножает на заданную константу с кнопкой не подходит также и в input2 совершается обратное действие при вводе вводишь в input2 двойку и сразу же в input1 пишет единицу вводишь в input2 четверку и сразу же в input1 пишет два, вообщем выполняет обратное действие, деление на ту же самую константу поля получаются связанные между собой формулой input1=input2*const ну и как следствие input2=input1/const 0

Два взаимосвязанных поля input

Решение