Incrementar/Disminuir valores numéricos en Input text con Mootools
He aquí otro herramienta para tener un control sobre las entradas de texto. Con la ayuda de Mootools, David Walsh ha implementado un forma de aumentar ó disminuir valores numéricos en los inputs text de los formularios web, así teniendo un mejor control sobre los datos que debe ingresar el usuario.
El código en JavaScript:
window.addEvent('domready',function() { $('form div').each(function(div) { var input = div.getFirst('input'); var upButton = new Element('div',{ text: '+', 'class': 'button', events: { click: function() { input.value = input.value.toInt() + 1; } } }).inject(div); var downButton = new Element('div',{ text: '-', 'class': 'button dec', events: { click:function() { var val = input.value.toInt(); if(val != 0) { input.value = val - 1; } } } }).inject(div); }); });
Deja un comentario