checkbox image ändern (javascript)

b4ck

b4ck

0
joho leute ich habe nach langem suchen im netz ein kleines javascript gefunden das die images einer checkbox ändern soll .... bzw. eigentlich wird keine checkbox mehr verwendet sonder es sieht nur mehr so aus hier die "checkbox"

Code: 
<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
</a>


und hier das javascript:


Code: 
<script type="javascript/text">
check = [];

function checkBox(id)
    {

    if(check[id] != true)
        {
        document.getElementById('imgCheck' + id).src = "button.png";
        document.getElementById('inputCheck' + id).value = "true";
        check[id] = true;
        }
    else
        {
        document.getElementById('imgCheck' + id).src = "button_false.png";
        document.getElementById('inputCheck' + id).value = "false";
        check[id] = false;
        }
    }
</script>



leider wird das bild nicht geändert sondern es bleibt immer das bild "button_false.png"

leider weis ich nicht wieso ... ich bin jetzt nicht der meister in javascript deshalb hoffe ich das ihr den fehler vieleicht ifndet..:)
 
Original von b4ck
Code: 
<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
</a>
Code: 
<script type="javascript/text">
        document.getElementById('imgCheck' + id).src = "button.png";
        document.getElementById('inputCheck' + id).value = "true";
Zum Vergrößern anklicken....
Du musst zu jkedem Bild auch ein verstecktes Element machen, dass die ID inputCheck%num% trägt. Also:
Code: 
<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
<input type="text" name="checkbox0" id="inputCheck0" style="display:none" />
</a>
Allerdings ist auch das nicht sauber! du solltest besser alles über checkboxen belassen:

Code: 
<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
<input type="checkbox" name="checkbox0" id="inputCheck0" style="display:none" />
</a>
Code: 
        document.getElementById('imgCheck' + id).src = "button.png";
        document.getElementById('inputCheck' + id).checked = true;

Das sollte dann aber funktionieren... Das Bild dient in JEDEM FALL nur als Dummy und kann weder per POST noch per GET eine Variable übertragen!
 
danke schonmal für die antwort werd das gleich mal ausprobieren...
dass das dann nicht per post/get übergeben werden kann ist mir schon klar.. das es nur ein formular ist das an kein php script etc. weitergegeben wird sondern nur zu auf papier ausgedruckt wird ist das auch kein so großes problem :)
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben