Checked?

Jag hittade en kodsnutt i ett inlägg som e ganska gammalt men som passar mig. men jag skulle villa utöka funktionerna.

http://www.webforum.nu/showthread.php?s=&forumid=24&threadid=17514&highlight=checkbox+bild

Funktionerna jag skulle villa ha e:

• byta till en annan bild när man trycker så att det blir checked
• byta tillbaks till orginal bilden när man trycker igen och checked försvinner

skulle va tacksam för hjälp!

<input
 type="checkbox"
 onclick="document.getElementById('bilden').src = this.checked ? 'bild2.gif' : 'bild1.gif'"
/>

<img src="bild1.gif" id="bilden" />

När rutan inte är ikryssad visas bild1.gif.
När rutan är ikryssad visas bild2.gif.

men då visar bilden att rutan e checkad. man ska kunna klicka på bilden så att rutan bli checkad.

så här har jag för tillfället:

<script type="text/javascript">

	  function makeCheck(id)
{
var elements = document.form2.elements;

for(i = 0; i < elements.length; i++)
{
if(elements[i].value == id)
{
elements[i].checked = true;
}
}
}

	  function makeChecku(id)
{
var elements = document.form2.elements;

for(i = 0; i < elements.length; i++)
{
if(elements[i].value == id)
{
elements[i].checked = false;
}
}
}
</script>
        <a href="javascript:makeCheck(2)"><img src="ik.gif" border="1"></a> 
        <a href="javascript:makeChecku(2)"><img src="iki.gif" border="1"></a> 
        <input type="checkbox" name="checkbox" value="1">
        <input type="checkbox" name="checkbox" value="2">

<img src="iki.gif" border="1" onclick="document.getElementById('checkbox').checked='checked' "></a>
<input type="checkbox" id="checkbox" value="1">

din kod hjälpte inte heller den kan jag bara lägga till checked på den första rutan som finns, samt att bilden(knappen) inte ändrar bild och man kan inte av markera

här har du för avmarkering

<img src="iki.gif" border="1" onclick="document.getElementById('checkbox1').checked=(document.getElementById('checkbox1').checked) ? '' : 'checked'"> 
<img src="iki.gif" border="1" onclick="document.getElementById('checkbox2').checked=(document.getElementById('checkbox2').checked) ? '' : 'checked'">
<input type="checkbox" id="checkbox1" value="1">
<input type="checkbox" id="checkbox2" value="1">

Skippas <a>-taggarna och skippa funktionerna. Sedan så tycker jag att dectgap gav dig rätt kod för att få med bildbyte...slå ihop dem nu bara

Edit\ en liten redigering...byta ceckbox -> checkbox 1 och 2

här ser du hur man slår ihop

<img src="iki.gif" border="1" onclick="document.getElementById('checkbox1').checked=(document.getElementById('checkbox1').checked) ? '' : 'checked', document.getElementById('bilden').src = (getElementById('checkbox1').checked) ? 'bild2.gif' : 'bild1.gif'">

jag ska ha det att funka med min kod som e ovanför. med din kod så måste jag hela tiden skapa nya checkboxar och så ändrar sig bilden aldrig heller.

koden som jag har skrivit ovanför är skrivet så eftersom jag kommer att skriva ut från databasen och varje id har en checkbox,
och sen ska jag se vilka checkboxar som e ikryssade och sen så tar jag bort id:n fårn databasen