✔ Spiel mit Bildern

S

stefan27185

Grünschnabel
Hallo,

Ich habe mal wieder eine Frage, Ich versuche gerade eine bestimmte kombination mit Checkboxn zu machen
wo dann Bilder erscheinen.
In ca. so ner Form.... wenn CB 1 geklickt ist soll bild 1 erscheinen, wenn CB 1 und 2 geklickt ist Bild 2 usw.
Ich habe mir schon etwas zusammen geschrieben, es funktioniert aber nicht so wie ich das will...
Das Problem ist wenn eine CB makiert ist wo auch schon eine andere Funktion drauf ist habe ich 2 Bilder übereinender...
Es soll aber immer nur das Bild erscheinen sowie auch die kombination ist...
Ich habe versucht im Code mit && zu arbeiten geht aber nicht.

Gibt es eine andere möglichkeit die Bedingungen festzulegen?
Sodas bei jedem mal überprüft wird welche CH gecheckt sind und dann das richtige Bild erscheint.



Hier mein Code:

PHP: 
$(document).ready(function(){

$("#1").css("visibility","inherit");

$("#unterschrank").click(function(){
// wenn ausgewählt
if ($("#unterschrank").is(":checked"))
{
//das versteckte div zeigen
$("#2").css("visibility","inherit");
$("#1").css("visibility","hidden");
$("#4").css("visibility","hidden");
$("#6").css("visibility","hidden");
}
else
{
//andernfalls verstecken
$("#1").css("visibility","inherit");
$("#2").css("visibility","hidden");
$("#4").css("visibility","hidden");
$("#6").css("visibility","hidden");
$("#5").css("visibility","hidden");
}
});


$("#1").css("visibility","inherit");

$("#finisher").click(function(){
// wenn ausgewählt
if ($("#finisher").is(":checked"))
{
//das versteckte div zeigen
$("#4").css("visibility","inherit");
$("#2").css("visibility","hidden");
$("#1").css("visibility","hidden");
$("#6").css("visibility","hidden");
}
else
{
//andernfalls verstecken
$("#1").css("visibility","inherit");
$("#2").css("visibility","hidden");
$("#4").css("visibility","hidden");
$("#6").css("visibility","hidden");
$("#5").css("visibility","hidden");
}
});

$("#1").css("visibility","inherit");

$("#feeder").click(function(){
// wenn ausgewählt
if ($("#feeder").is(":checked"))
{
//das versteckte div zeigen
$("#6").css("visibility","inherit");
$("#4").css("visibility","hidden");
$("#2").css("visibility","hidden");
$("#1").css("visibility","hidden");
}
else
{
//andernfalls verstecken
$("#1").css("visibility","inherit");
$("#2").css("visibility","hidden");
$("#4").css("visibility","hidden");
$("#6").css("visibility","hidden");
$("#5").css("visibility","hidden");
}
});

$("#1").css("visibility","inherit");

$("#feeder")&&$("#finisher").click(function(){
// wenn ausgewählt
if ($("#feeder")&&$("#finisher").is(":checked"))
{
//das versteckte div zeigen
$("#5").css("visibility","inherit");
$("#6").css("visibility","hidden");
$("#4").css("visibility","hidden");
$("#2").css("visibility","hidden");
$("#1").css("visibility","hidden");
}
else
{
//andernfalls verstecken
$("#1").css("visibility","inherit");
$("#2").css("visibility","hidden");
$("#4").css("visibility","hidden");
$("#6").css("visibility","hidden");
$("#5").css("visibility","hidden");
}
});
});

LG Stefan
 
Zuletzt bearbeitet:
Da du mit Checkboxen arbeitest und immer nur eine aktiv sein soll (so habe ich das jedenfalls interpretiert), kann ich dir zu Radio-Buttons raten. Deren Wert liest du dann bei einem OnChange-Event aus und lässt das jeweilige Bild anzeigen, nachdem du alle anderen versteckt hast.

Gruß
 
dann solltest du vllt nicht für jede Checkboxe eine seperate function haben, sondern für alle eine, den rest macht dann ne if abfrage
 
Ich habe das mit der if Abfrage Probiert aber nicht hingebracht...
Mein Problem ist wenn CB 1 gecklickt ist soll ein anderes Bild kommen wie wenn CB 1 und 2 zusammen geclickt ist....
Und wenn CB 1, 2 und 4 gecklickt sind wieder ein anderes Bild...
Wenn dann wieder eine der Boxen wegfällt zb. 2und 4 sind geklickt dann soll ein anders Bild kommen....
kann ich mit true und false arbeiten?
Und wenn ja wie?
Ich bin leider noch anfänger bei JS.....

LG Stefan
 
Perfekt, genau sowas suche ich..... :)
Das einzige Problem das ich noch habe ist das diese funtion auf alle nachfolgende checkboxen zugreift, ich habe zwischen den zubrauchenden checkboxn noch andere checkboxn die eine andere funktion erfüllen...

LG Stefan
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück