Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.72/18: Рейтинг темы: голосов - 18, средняя оценка - 4.72
21 / 21 / 2
Регистрация: 07.04.2012
Сообщений: 299

Динамическое изменение value в кнопке

08.02.2016, 18:16. Показов 3359. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть javascript функция
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function plus(n) {
     var price=document.getElementById("price_"+n);
     var quantity=document.getElementById("quantity_"+n);
     var sum=document.getElementById("sum_"+n);
     quantity.innerHTML=1+Number(quantity.innerHTML);
     sum.innerHTML=Number(sum.innerHTML)+Number(price.innerHTML);
    }
    function minus(n) {
     var price=document.getElementById("price_"+n);
     var quantity=document.getElementById("quantity_"+n);
     var sum=document.getElementById("sum_"+n);
     if(quantity.innerHTML!="1") {
      quantity.innerHTML=Number(quantity.innerHTML)-1;
      sum.innerHTML=Number(sum.innerHTML)-Number(price.innerHTML);
 
     }
    }
html код для этой фукнции(увеличения , уменьшения кол-ва чего-то и его стоимости)
HTML5
1
2
3
4
5
6
7
8
9
10
11
<table>
        <tr>
            <td><div id="price_1">100</div>грн   </td>                                                                               
            <td><div class="minus" onclick="minus(1)">---</div></td>
            <td><div id="quantity_1">1</div>    </td>
            <td><div class="plus" onclick="plus(1)">+++</div></td>                  
            <td><div id="sum_1">100</div>грн </td>
            
            <td><input type="submit" name="my-add-button" class="button" /></td>
        </tr>
    <table>
и строка

HTML5
1
<input type="hidden" name="my-item-qty" value="1"/>

Как сделать так, чтобы значение вот в этой строке
HTML5
1
<div id="quantity_1">1</div>
, которое динамически изменяется с помощью кнопок +++ и --- , изменяло также динамически значение value в кнопке с
HTML5
1
input type="hidden"
. Спасибо
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.02.2016, 18:16
Ответы с готовыми решениями:

Динамическое(по кнопке) добавление полей(селект, input) в form
Люди добрые никак не получается написать добавление полей в форму. Input написал, а вот с select'ом который заполняется данными из базы...

Изменение надписи на кнопке при нажатии на нее
Вывел текущее время, но не могу никак сделать так что бы менялась надпись на кнопке старт/стоп, при нажатии на нее. Может кто поможет, а то...

Изменение надписи на кнопке при нажатии на нее
Вывел текущее время, но не могу никак сделать так что бы менялась надпись на кнопке старт/стоп, при нажатии на нее. Может кто поможет. ...

5
21 / 21 / 5
Регистрация: 02.04.2015
Сообщений: 63
08.02.2016, 20:59
quantity.innerHTML => quantity.value

Замените
0
21 / 21 / 2
Регистрация: 07.04.2012
Сообщений: 299
10.02.2016, 22:07  [ТС]
не работает
0
21 / 21 / 5
Регистрация: 02.04.2015
Сообщений: 63
11.02.2016, 16:36
Блин, даже не заметил. а где в вашем коде вы обращаетесь к hidden полю? вы забыли дописать.
Добавьте ИД вашему полю, например:
<input type="hidden" id="text1" name="my-item-qty" value="1"/>

вот переделаный пример вашего кода:

function plus(n) {
var price=document.getElementById("price_"+n );
var quantity=document.getElementById("quanti ty_"+n);
var sum=document.getElementById("sum_"+n);
quantity.innerHTML=1+Number(quantity.inn erHTML);
sum.innerHTML=Number(sum.innerHTML)+Numb er(price.innerHTML);
document.getElementById("text1").value = Number(sum.innerHTML)+Number(price.inner HTML);
}
function minus(n) {
var price=document.getElementById("price_"+n );
var quantity=document.getElementById("quanti ty_"+n);
var sum=document.getElementById("sum_"+n);
if(quantity.innerHTML!="1") {
quantity.innerHTML=Number(quantity.inner HTML)-1;
sum.innerHTML=Number(sum.innerHTML)-Number(price.innerHTML);
document.getElementById("text1").value = Number(sum.innerHTML)+Number(price.inner HTML);

}
}


Добавил: document.getElementById("text1").value = Number(sum.innerHTML)+Number(price.inner HTML);
1
21 / 21 / 2
Регистрация: 07.04.2012
Сообщений: 299
11.02.2016, 20:50  [ТС]
дружище, все круто, только последняя строчка вот такая:
JavaScript
1
document.getElementById("text1").value = Number(quantity.innerHTML);
еще одно, у меня этих полей несколько , то есть позиций несколько, но вот проблема в том , что getElementById("text1") можно применить только к одному элементу , а вот как применить к нескольким , не подскажешь ? getelementbyclass не работает или может я неправильно его применяю.....
0
21 / 21 / 5
Регистрация: 02.04.2015
Сообщений: 63
11.02.2016, 22:37
можешь использовать и так:
JavaScript
1
document.getElementById("text"+n).value = Number(quantity.innerHTML);
n - будет братся из function plus(n);

т.е. такой же принцип как использовал тут:
JavaScript
1
var sum=document.getElementById("sum_"+n);
если одновременно несколько надо поменять, сделай так:
JavaScript
1
2
3
4
var ids = ["id1", "id2", "id3"...n];
ids.foreach(function(item){
document.getElementById(item).value = Number(quantity.innerHTML);
});
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
11.02.2016, 22:37
Помогаю со студенческими работами здесь

Изменение цвета рамки изображения и надписи на кнопке по клику
Никак не разберусь, как это сделать. Пожалуйста помогите. Задание1: Создайте документ, в котором рисунок eznakomka3.jpg заключен в рамку...

Динамическое изменение ссылок
Здравствуйте. Пытаюсь придумать, как сделать динамическую кнопку &quot;Применить фильтры&quot;, по типу такой как кнопка &quot;Показать&quot;...

Динамическое изменение onClick
Нахожу в JS элемент по ид, и хочу изменить его onclick. Если без передачи значений то можно сделать ...

Динамическое изменение текста
Есть такая задачка, помогите пожалуйста. Два текста наложенные друг на друга, по очереди становятся видимые.

Динамическое изменение кода
Проблема такая, создаю таблицу из двух колонок: &lt;td&gt;&lt;div id=&quot;info2&quot;&gt;&lt;img src=&quot;http....jpg&quot;&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .
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. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru