Añade una función después de los formularios
Código Javascript
:
Ver original<script>
(function(){
var d = document, c = d.getElementsByTagName('input'), i=0, l = c.length
while(i<l){
if(c[i].name == 'cantidad'){
c[i].value = ~~c[i].value
var mas = d.createElement('button'), menos = d.createElement('button'), parent = c[i].parentNode
mas.innerHTML = '+'; menos.innerHTML = '-'
mas.className = 'botonMasMenos'; menos.className = 'botonMasMenos'
parent.insertBefore(mas, c[i]) // Boton +
parent.insertBefore(menos, c[i].nextSibling) //Boton -
mas.onclick = function(){
this.nextSibling.value++ //Sumar a la caja de texto
}
menos.onclick = function(){
var v = this.previousSibling
v.value = v.value > 0 ? v.value-1 : 0 // Restar
}
}
i++
}
})()
</script>
Código CSS:
Ver original.botonMasMenos {display:block;background:lime}