Toon posts:

[JS] onclick mbv checkbox in <tr>

Pagina: 1
Acties:

Verwijderd

Topicstarter
Beste allemaal,

Ik heb een soort van formulier waar voor elke regel een checkbox staat om dit aan te vinken. Nu wil ik eigenlijk dat op het moment dat de checkbox wordt aangevinkt de hele regel een andere achtergrondkleur krijgt. Nu is het zo dat ik gebruik maak van een array en dus alle checkboxen de zellfde naam hebben (object[]). Is het dan sowieso nog mogelijk?
Het principe is eigenlijk dat wat ze bij hotmail gebruiken.
Wie kan mij verder helpen.

Dit is de code:

<form>
<table cellspacing="0" cellpadding="0" border="0" width="275">
<tr>
<td><input type="checkbox" name="object[]" value="aan"></td>
<td>blbl 1</td>
<td>nog meer onzin 1</td>
</tr>
<tr>
<td ><input type="checkbox" name="object[]" value="aan"></td>
<td>blbl 2</td>
<td>nog meer onzin 2</td>
</tr>
<tr>
<td><input type="checkbox" name="object[]" value="aan"></td>
<td>blbl 3</td>
<td>nog meer onzin 3</td>
</tr>
<tr>
<td><input type="checkbox" name="object[]" value="aan"></td>
<td>blbl 4</td>
<td>nog meer onzin 4</td>
</tr>
</table>
</form>

Greetz,

Sooterd

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 22-06 13:51

Clay

cookie erbij?

Je kan iig een normale name gebruiken, geen haken of gereserveerde woorden (object), want je browser bakt er zelf een array van. met 10 checkboxes die allemaal "kloek" heten is de 3e gewoon form.kloek[2] (figuurlijk dan)

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 29-08 19:47

Bosmonster

*zucht*

Je kunt parentNode gebruiken bijvoorbeeld om het flexibel te houden.
code:
1
2
3
4
5
6
7
8
9
&lt;input type=&quot;checkbox&quot; name=&quot;chkobj&quot; value=&quot;aan&quot; onclick=&quot;check(this)&quot;&gt;

function check (ele) {
  if (ele.checked) {
    ele.parentNode.parentNode.style.backgroundColor = &quot;#FF0000&quot;;
  } else {
    ele.parentNode.parentNode.style.backgroundColor = &quot;transparent&quot;;
  }
}

(edit: parentNode.parentNode voor de tr, ipv de td ;))

Verwijderd

Topicstarter
THNX,

Het scrpipt werkt perfect!

Greetz,
Sooterd