Agregar valores de Button a un input text

[rakshaka]

Antes que nada pido a los administradores me borren el post anterior mal puesto en su categoria: http://www.forosdelweb.com/f45/agregar-valores-button-input-text-1084224/

Código HTML:

<button class="boton boton-verde transition" value="1"><img src="img/iconos/gastronomia.png" />Gastronomía</button>
		<button class="boton boton-verde transition" value="2"><img src="img/iconos/entretiempo.png" />Entretiempo</button>
		<button class="boton boton-verde transition" value="3"><img src="img/iconos/tecnologia.png" />Tecnologia</button>
		<button class="boton boton-verde transition" value="4"><img src="img/iconos/vehiculos.png" />Vehiculos</button>
		<button class="boton boton-verde transition" value="5"><img src="img/iconos/indumentaria.png" />Indumentaria</button>
		<button class="boton boton-verde transition" value="6"><img src="img/iconos/viajes.png" />Viajes y Turismo</button>
		<button class="boton boton-verde transition" value="7"><img src="img/iconos/deportes.png" />Deportes</button>
		<button class="boton boton-verde transition" value="8"><img src="img/iconos/hogar.png" />Hogar</button>
		<button class="boton boton-verde transition" value="9"><img src="img/iconos/supermercados.png" />Supermercados</button>
		<button class="boton boton-verde transition" value="10"><img src="img/iconos/shopping.png" />Shopping</button>
		<button class="boton boton-verde transition" value="11"><img src="img/iconos/cuidado.png" />Cuidado personal</button>
		<button class="boton boton-verde transition" value="12"><img src="img/iconos/varios.png" />Varios</button>	

		<button class="todas boton boton-verde transition" value="todos">Seleccionar todas las categorias</button> 

Y necesito que esto se acumule separado por "," en un input de texto para enviarlo por formulario.

Pero son casillas de chequeo, osea, que al clickear el boton de vuelta debe desaparecer la opción en el input.

En caso del valor todos no importa porque directamente le pongo un valor fijo boraando todo lo anterior.

A ver si pueden pasarme un JS que me permita hacer esto :D

[caricatos]

Hola:

Un tag button no es un checkbox, que te simplificaría el resultado (no haría falta usar javascript)

Saludos

[rakshaka]

Ya lo se, pero en ese caso tendría que cambiar todo el diseño y javascript hecho...

Se me ocurrió también que el button active y desactive una casilla checkbox en hidden... de esa manera no habría problema.

Que te parece? como puede hacerse de esa manera?


Desde un onclick puedo acrivar esa casilla checkbox lo que no puedo hacer es desactivarla al darle de nuevo click al boton! Sino ya estaría solucionado!

[rakshaka]

alguna idea?

[rakshaka]

nadie que pueda ayudarme?

[rakshaka]

Que pasaría si genero una función en la cual se acumulen las categorías y ponerle un onclick al boton?

Funcionaría?

[lynxstyle]

Si te funcionaria, yo estoy buscando algo parecido pero con botones radio y he conseguido añadir los valores con esto.

Código Javascript:

<script type="text/javascript">
                        function anadir(obj) {
                        if (obj.focus)
                        obj.form.search_query.value += obj.value;
                        }
                    </script>
 

donde focus pondrias checked y debería funcionarte con el onclick.

PD: search_query en mi caso es el name del input de texto.