AutoCalc is a jQuery plugin created for your online store’s shopping cart that allows you to dynamically calculate form field values similar to Excel.
A plugin to automate and simplify “fast” mathematical operations. The simplest use is to set the attribute jsAutoCalc = “” on the input text tag and call $ (“*”). jAutoCalc ();.
dynamically calculate the sum of fields jquery, jquery auto calculation, jquery calculator, how to dynamically add row and calculate sum using jquery, calculator using jquery
Supported:
- SUM: Adds numbers
- AVG: Returns the average of field values
- MIN: Returns the smallest value
- MAX: Returns the largest value
- COUNT: Counts all form fields
- COUNTNOTEMPT: Counts all non-blank fields
How to make use of it:
1. To get started, insert the jQuery AutoCalc plugin after the jQuery library and we’re ready to go.
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="dist/jautocalc.js"></script>
2. Add formulas to the form fields using the jAutoCalc attribute as follows. Note that each form field must have a unique name.
<input type="text" name="qty" value="1"> <input type="text" name="price" value="9.99"> <input type="text" name="item_total" value="" jAutoCalc="{qty} * {price}"> ... <td><input type="text" name="total" value="" jAutoCalc="SUM({item_total})"></td>
3. Initialize the AutoCalc plugin and you’re done.
$('form').jAutoCalc();
4. The default options for the plugin.
$('form').jAutoCalc({ // default attribute attribute: 'jAutoCalc', // thousand separator thousandOpts: [',', '.', ' '], // decimal separator decimalOpts: ['.', ','], // decimal places decimalPlaces: -1, // do the math right away? initFire: true, // allows chained calculation? chainFire: true, // do the math everytime keys are pressed keyEventsFire: false, // are the results read-only? readOnlyResults: true, // shows parse error showParseError: true, // treats empty as zero emptyAsZero: false, // smart intergers? smartIntegers: false, // callback onShowResult: null, // custom functions funcs: {}, // custom constants vars: {} });
Do Calculations On Multiple Form Fields, jQuery AutoCalc Plugin/Github, calculate input fields jquery, jquery calculator github, auto calculate textbox jquery
See Demo And Download
Official Website(c17r): Click Here
This superior jQuery/javascript plugin is developed by c17r. For extra Advanced Usages, please go to the official website.