Estoy intentando implementar una opción para seleccionar/deseleccionar un dibujo (cada dibujo sería un producto). Y de entrada lo he conseguido, lo puedo hacer uno a uno, o mediante un botón que selecciona o deselecciona todo.
El problema es que cuando he clicado uno y luego clico otro muchas veces he de clicar un par de veces encima para que se produzca la acción que deseo (seleccionar/deseleccionar según su estado actual). Eso tengo claro que es por no tener el código todo lo correcto que debería.
¿Como se solucionaría?
$(document).ready(function() {
// Seleccionar/Deseleccionar de manera individual
Marca_Individual_Seleccionada = false;
//Recibe el evento de que se ha clicado Logo_Marca
$(".Logo_Marca").click(function() {
if (Marca_Individual_Seleccionada == true) {
$(this).removeClass("Marca_Seleccionada");
Marca_Individual_Seleccionada = false;
} else {
$(this).addClass("Marca_Seleccionada");
Marca_Individual_Seleccionada = true;
}
});
// Seleccionar/Deseleccionar TODO a la vez
Seleccionar_Todo = false;
$("#Boton_Marca_Seleccionar_Todo").click(function() {
if (Seleccionar_Todo == false) {
$(".Logo_Marca").addClass("Marca_Seleccionada")
Seleccionar_Todo = true;
} else {
$(".Logo_Marca").removeClass("Marca_Seleccionada")
Seleccionar_Todo = false;
}
});
});