jQuery UI Spinner
Here we are using jQuery ui spinner.
<scriptsrc="Scripts/Jquery-ui/js/jquery-1.9.1.js"type="text/javascript"></script>
<scriptsrc="Scripts/Jquery-ui/js/jquery-ui-1.10.3.custom.js"type="text/javascript"></script>
<linkhref="Scripts/Jquery-ui/css/ui-lightness/jquery-ui-1.10.3.custom.css"rel="stylesheet"/>
<scripttype="text/javascript">
$(document).ready(function() {
$("#txtSpin").spinner({
min: 0, max: 100
});
});
</script>
</head>
<body>
<div>
<inputtype="text"id="txtSpin"/>
</div>
</body>
</html>
Output:
You can use spinner for decimal
$("#txtSpin").spinner({
min: 0,
max: 100,
step: 0.01,
numberFormat:"n"
});
Output:
You can use spinner for fixed step increament of digit
$("#txtSpin").spinner({
min: 0,
max: 100,
step: 5,
start:25,
numberFormat: "n"
});
Output:
