Необходима реализация связи между полями ввода

@Westbro0k · Регистрация: 08.03.2013

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

Всем доброго времени суток.

Я не силён в HTML, по этому прошу вашей помощи.

Имеется 2 поля <input>

HTML5
1
2
<input type="text" name="cost"/>
<input type="text" name="coll"/>

Задача заключается в следующем: Как реализовать, что бы при вводе в <input> с именем cost, <input>-у с именем coll присваивалось значение введенное нами умноженное на 10, а так же что бы при вводе в <input> с именем coll, <input>-у с именем cost присваивалось введенное значение деленное на 10.

Заранее благодарен за любую помощь.

@leonP4 · 08.03.2013, 14:14

HTML5
1
2
3
4
5
<input id="1" type="text" name="cost"/>
<input type="submit" class="1" value="ок"/>
 
<input id="2" type="text" name="coll"/>
<input type="submit" class="2" value="ок"/>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
 $('#1').keypress(function(eventObject){
   $('.1').click(function(){
     var val = $('#1').attr("value");
     $("#2").attr("value", val*10);
   });
});
 $('#2').keypress(function(eventObject){
   $('.2').click(function(){
     var val2 = $('#2').attr("value");
     $("#1").attr("value", val2/10);
   });
});

Если вас правильно понял, то вот рабочий код.

@Westbro0k · 08.03.2013, 14:59 **[ТС]**

Сообщение от leonP4

HTML5
1
2
3
4
5
<input id="1" type="text" name="cost"/>
<input type="submit" class="1" value="ок"/>
 
<input id="2" type="text" name="coll"/>
<input type="submit" class="2" value="ок"/>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
 $('#1').keypress(function(eventObject){
   $('.1').click(function(){
     var val = $('#1').attr("value");
     $("#2").attr("value", val*10);
   });
});
 $('#2').keypress(function(eventObject){
   $('.2').click(function(){
     var val2 = $('#2').attr("value");
     $("#1").attr("value", val2/10);
   });
});

Если вас правильно понял, то вот рабочий код.

Разместил JS в <head> в теге <script>, HTML разместил в теле, при нажатии на кнопки реакции 0

Возможно я что то не правильно вставил?
И да, на сколько я понимаю, действие будет выполнено только после нажатия кнопки подтверждения, а нужно автоматически обновлять при вводе значений. Подскажите пожалуйста как это правильно реализовать/подключить. Ещё раз заранее очень благодарен.

@leonP4 · 08.03.2013, 15:02

Westbro0k, Извините, забыл сказать - написал я на jquery, по этому надо подключить библиотеку в <head>, тогда код работать будет.

Хорошо, сейчас переделаю

@Westbro0k · 08.03.2013, 15:05 **[ТС]**

Сообщение от leonP4

Westbro0k, Извините, забыл сказать - написал я на jquery, по этому надо подключить библиотеку в <head>, тогда код работать будет.

Хорошо, сейчас переделаю

Буду очень вам благодарен.

@leonP4 · 08.03.2013, 15:31

Не стал заморачиваться на jquery, вот элементарно на js, обрабатывает сразу без кнопок.

HTML5
1
2
3
<input id="1" value="" onKeyUp="javascript:document.getElementById('2').value = this.value * 10;" type="text" name="cost"/>
     
    <input id="2" value="" onKeyUp="javascript:document.getElementById('1').value = this.value / 10;" type="text" name="cost"/>

@Westbro0k · 08.03.2013, 15:37 **[ТС]**

Сообщение от leonP4

Не стал заморачиваться на jquery, вот элементарно на js, обрабатывает сразу без кнопок.

HTML5
1
2
3
<input id="1" value="" onKeyUp="javascript:document.getElementById('2').value = this.value * 10;" type="text" name="cost"/>
     
    <input id="2" value="" onKeyUp="javascript:document.getElementById('1').value = this.value / 10;" type="text" name="cost"/>

Огромное вам спасибо, работает так как нужно))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@leonP4 4 / 1 / 2 Регистрация: 08.03.2013 Сообщений: 65
	08.03.2013, 15:02
	Westbro0k, Извините, забыл сказать - написал я на jquery, по этому надо подключить библиотеку в <head>, тогда код работать будет. Хорошо, сейчас переделаю 0