Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
Обитатель
315 / 315 / 42
Регистрация: 24.12.2010
Сообщений: 795
1

Отследить изменения в блоках

20.09.2014, 12:02. Просмотров 2263. Ответов 4
Метки нет (Все метки)

Всем привет. Вопрос нарисовался.
есть примитивный калькулятор http://test.plezar.ru/test/site-4.ru/ сейчас он отслеживает изменения в полях. и выводит значения с <span> блоки.
у всех этих блоков куда результат выводится, есть общий класс .result

Вопрос в следующим. Как отследить изменения в блоках с классом .result и подсчитать их общее значение
хотел сделать
Javascript
1
2
3
$('.result').each(function(){
......
});
но он у меня не реагирует на изменения.
решил помощь попросить
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
20.09.2014, 12:02
Ответы с готовыми решениями:

Изменения атрибута картинки в блоках с одинаковым классом
Всем привет. Знатоки, прошу Вашей помощи. Есть несколько блоков с одинаковыми классами: ...

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

Отследить изменения в файлике и вывести эти изменения в richTextBox1
Господа! Не могу понять всё, как &quot;прокинуть&quot; в статичный метод, другой метод. Суть отследить...

Отследить изменения в БД
Нужно сообщать пользователю, что были добавлены, какие то новые записи в таблице бд(mysql) и ...

4
279 / 279 / 62
Регистрация: 28.08.2014
Сообщений: 432
20.09.2014, 19:47 2
Цитата Сообщение от vasvas7775 Посмотреть сообщение
хотел сделать
Так можно, но вопрос в том, когда Вы запускаете эту функцию. Если сразу после загрузки страницы, то она, естественно, считает нулевые значения.
Т.е. нужно либо сделать кнопку "Посчитать итоговую стоимость", при клике по которой будут считываться значения в span,
либо ввести переменную var total_price и увеличивать/уменьшать ее каждый раз, когда идет запись в span.
0
Обитатель
315 / 315 / 42
Регистрация: 24.12.2010
Сообщений: 795
23.09.2014, 10:19  [ТС] 3
Делаю так
Javascript
1
2
3
4
5
6
7
8
9
    var calculate = function(){
        var summ = 0;
        $('.result').each(function(){
            summ+=$(this).text();
        });
        
        $('#result').text(summ);
    };
    $('.result').change(calculate);
но все равно, реакции никакой.
0
279 / 279 / 62
Регистрация: 28.08.2014
Сообщений: 432
23.09.2014, 12:03 4
Дык change - это событие изменения элемента формы, на элементе span оно не работает.
Т.е. надо так
Javascript
1
2
3
4
5
6
7
$('input').each(function(){
    $(this).change(function(){
    var summ = +$('#result').text(); // плюсик стоит, чтобы преобразовать в число
    summ+=+$(this).value();
    $('#result').text(summ);
  }); 
});
И надо иметь в виду, что change срабатывает не в сам момент изменения значения поля формы, а в момент потери фокуса этим полем.
0
47 / 23 / 3
Регистрация: 28.05.2012
Сообщений: 150
Записей в блоге: 1
26.09.2014, 22:48 5
для того что бы не делать на каждый элемент проще сделать так:

Javascript
1
2
3
$('body').on( 'change', 'form', function() {
    // code
});
будет работать при изменении любого элемента на форме после потери им фокуса.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
26.09.2014, 22:48

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как отследить изменения?
Здравствуйте. Как узнать когда были произведены изменения в той или иной таблице оракла и если...

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

Отследить изменения в каталоге
Здравствуйте. Только начал изучать PHP. И у меня возникла потребность в скрипте который бы...

Отследить изменения в edit
Как отследить изменения в edit? Есть 30 edit и кнопка &quot;Сохранить&quot;, некоторые заполнены, некоторые...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.