Aumentar o disminuir cantidades con javascript

[marx-pola]

Iniciado por America|UNK

Añade una función después de los formularios

Código Javascript:

<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:

.botonMasMenos {display:block;background:lime}
 

Si, ahora lo pude hacer funcionar... gracias genio!!! En el name tenia puesto un [] y no me lo tomaba y ahora si. Lo que tengo que hacer es que al sumar o restar me modifique tanto la cantidad como el total del importe y el total total.

Igualmente me quedé con la gran duda de cómo hacer lo que me dijo maycolalvarez que no lo supe implementar.