Nano Hash - криптовалюты, майнинг, программирование

Как суммировать и отображать итог в метке с помощью javascript

У меня есть grid view следующим образом

 Quantity    Description    Rate    Total
   1             ---         10      10
   2             ---         20      40

                             Label outside the `gridview`

Я написал javascript для отображения общей суммы, теперь я хотел бы отобразить общую сумму, например 10+40, и должен отображать ее как 50, например, у меня будут другие способы, которые мне нужны, я хотел бы отобразить общую сумму on Blur событие quantity текстового поля.

введите здесь описание изображения

Мой код для отображения события суммы onblur выглядит следующим образом

<script type="text/javascript">
    function multiplication(txtQuantity, txtRate, txtAmount) {
        var weight = document.getElementById(txtQuantity).value;
        var rate = document.getElementById(txtRate).value;
        document.getElementById(txtAmount).value = weight * rate;
    }
</script>

В этот сценарий я хотел бы включить общее

javascript gridview asp.net
11.04.2012

  • Пример? 11.04.2012
  • поделитесь кодом, чувак, создайте небольшую рабочую демонстрацию на jsfiddle.net, как предложил Дерек. 11.04.2012

Ответы:


1

дайте текстовым полям количества имя, например «количество», тогда вы можете получить их с помощью:

document.getElementsByName("quantity");

дайте вашей метке идентификатор, например «всего», чтобы вы могли получить это с помощью:

document.getElementById("total")

используйте событие загрузки тела, чтобы добавить прослушиватели событий к событию onblur ваших текстовых полей количества. И пока вы это делаете, используйте пространство имен, синглтон, чтобы не загромождать глобальное пространство имен, например:

<script>
    var p = {
        onload: function() {
            var els_qty = document.getElementsByName("quantity");
            for(var i = 0, ceiling = qty_els.length; i < ceiling; i++) {
                qty_els[i].onblur = function() {
                    var total = 0;
                    for(var j = 0; j < ceiling; j++) {
                        total += Number(qty_els[j].value);
                    }
                    document.geTElementById("total").innerHTML = total;
                }
            }
        }
    };
</script>

чтобы добавить прослушиватель событий onload, используйте следующее:

<body onload="p.onload()">

</body>

вы можете проверить текстовые поля количества, но я оставляю это на ваше усмотрение.

11.04.2012
Новые материалы
Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..