jQuery Aggregate: Calculate an element with values of input elements

Recommend this page to a friend!
     
  Info   Example   View files Files   Download Download   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2025-07-09 (-3 hours ago) RSS 2.0 feedNot enough user ratingsTotal: 58 All time: 489 This week: 4Up
Version License JavaScript version Categories
jquery-aggregate 1.0MIT/X Consortium ...5HTML, jQuery, Math
Description 

Author

Emil Kilhage

This is a jQuery plugin to calculate an element with values of input elements.

It takes the values of input that match a selector and updates a given target element with a calculated result on values of the input values.

The target element is configurable. The type of the expected values and the operation to calculate is configurable. Currently it supports sums, subtractions, multiplications and divisions.

Innovation Award
JavaScript Programming Innovation award winner
March 2017
Winner		 Many times Web pages display values that are result of calculations with values also displayed in the page.

This jQuery plugin can automatically calculate the value to display in an element using values given input values.

Manuel Lemos
Picture of Emil Kilhage
  Performance   Level  
Name: Emil Kilhage <contact>
Classes: 5 packages by
Country: Sweden Sweden
Age: ???
All time rank: 1112 in Sweden Sweden
Week rank: 6 Up1 in Sweden Sweden Up

Level 1 Star

 Innovation award
Innovation award
Nominee: 4x

Winner: 2x

Example

<!doctype html>
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="../test/jquery.js"></script>
    <script src="../jquery.aggregate.js"></script>
  </head>
  <body>
  <center>
      <h2></h2>
      <table>
        <thead>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td>Amount:</td>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td><input class="aggregate_sum_from" value="1" /></td>
            <td><input class="aggregate_sum_from" value="5" /></td>
            <td><input class="aggregate_sum_from" value="2" /></td>
            <td><span id="aggregate_sum_to"></span></td>
        </tr>
        </tbody>
      </table>
      <script>
          
          $(function() {
              $(".aggregate_sum_from").aggregate("#aggregate_sum_to");
          });
          
      </script>
  </center>
  </body>
</html>

Details

www.glooby.com www.glooby.se


  Files folder image Files (15)  
File Role Description
Files folder imageexamples (2 files)
Files folder imagetest (5 files, 2 directories)
Plain text file jquery.aggregate.js Class Class source
Plain text file jquery.aggregate.min.js Class Class source
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files (15)  /  examples  
File Role Description
  Accessible without login Plain text file multiple.html Example Example
  Accessible without login Plain text file simple.html Example Example

  Files folder image Files (15)  /  test  
File Role Description
Files folder imagebench (3 files)
Files folder imagequnit (2 files)
  Plain text file jquery.js Class Class source
  Accessible without login Plain text file speed.js Aux. Auxiliary script
  Accessible without login Plain text file speed.php Data Auxiliary data
  Accessible without login Plain text file test.js Aux. Auxiliary script
  Accessible without login Plain text file test.php Data Auxiliary data

  Files folder image Files (15)  /  test  /  bench  
File Role Description
  Accessible without login Plain text file jquery-benchmark-suit.css Data Auxiliary data
  Plain text file jquery-benchmark-suit.js Class Class source
  Plain text file jquery-benchmark.js Class Class source

  Files folder image Files (15)  /  test  /  qunit  
File Role Description
  Accessible without login Plain text file qunit.css Data Auxiliary data
  Plain text file qunit.js Class Class source

Downloadjquery-aggregate-2025-07-09.zip
Downloadjquery-aggregate-2025-07-09.tar.gz
 Version Control Unique User Downloads Download Rankings  
 100%
Total:58
This week:0
All time:489
This week:4Up

  Applications that use this package  
No pages of applications that use this class were specified.

Add link image If you know an application of this package, send a message to the author to add a link here.