
Botones on off
Publicado por George (4 intervenciones) el 07/02/2017 13:03:11
Buenas!
Llevo unos días intentando hacer unas cosillas en JQuery.
Estos son mis botones:
Con esto les doy el estilo de jquery
Y quiero que cuando haga clic en algún botón, ese se ponga disabled y luego cuando haga clic en otro, ese que estaba como disabled se active y al que le hice clic se ponga en disabled. Y asi con todos.
Alguna idea de como hacerlo, porfavor?
Llevo unos días intentando hacer unas cosillas en JQuery.
Estos son mis botones:
1
2
3
4
5
<p><input type="button" id="helados" class="boton_productos" value="Helados"></p>
<p><input type="button" id="cafes" class="boton_productos" value="Cafés"></p>
<p><input type="button" id="bolleria" class="boton_productos" value="Bollería"></p>
<p><input type="button" id="refrescos" class="boton_productos" value="Refrescos"></p>
<p><input type="button" id="aperitivos" class="boton_productos" value="Aperitivos"></p>
Con esto les doy el estilo de jquery
1
$('.boton_productos').button().addClass('boton_mostrar_producto');
Y quiero que cuando haga clic en algún botón, ese se ponga disabled y luego cuando haga clic en otro, ese que estaba como disabled se active y al que le hice clic se ponga en disabled. Y asi con todos.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function on_off_botones(e){
//Esto me coge el boton que he seleccionado
var el_pulsado=$("#" + e.target.id);
if(el_pulsado.data('clicked', true)){
alert("El boton se ha pulsado");
el_pulsado.button("option","disabled",true);
}
//Aqui nose como poner para que cuando haya otro seleccionado, el de antes de active
else{
el_pulsado.button("option","disabled",false);
}
}
Alguna idea de como hacerlo, porfavor?
Valora esta pregunta


0