Jun 25, 2014 in Forms 3458 views
jCalculator is an awesome jQuery plugin for calculator inputs.
Source: mariusbalaj.com
1. INCLUDE CSS AND JS FILES
<link href="path_to/jcalculator.css" rel="stylesheet" type="text/css"> <-- jQuery library --> <script type="text/javascript" src="path_to/jquery.js"></script> <script type="text/javascript" src="path_to/jcalculator.min.js"></script>
2. HTML
<input id="testinput" type="text" placeholder="click here to see the magic">
3. JAVASCRIPT
$('#yourInput').calculator();
Tagged with:
jcalculator
jcalculator tutorial
jquery plguin
calculator inputs
calculator
inputs
Related Articles