Vinnaren i pepparkakshustävlingen!
2006-02-05, 20:18
  #1
Medlem
Crackbaby_2s avatar
Hej!

Har lite html som ser ut ungefär så här:
HTML-kod:
<table>
<tr><td><input type="radio" name="abc" value="1"></td><td>Text1</td></tr>
<tr><td><input type="radio" name="abc" value="2"></td><td>Text2</td></tr>
</table>
När jag markerar respektive radio button vill jag att hela raden får en ny bakgrundsfärg (och byter med den andra då den markeras).

Hur göra? Tack på förhand!
Citera
2006-02-07, 11:29
  #2
Medlem
cenobites avatar
Så här kan man göra.

Kod:
<script>
  function setRowColor(rowNbr,col)
  {
    if (!document.getElementById) return;

    // sätt vit bakgrund på alla rader
    i=1;
    while (el=document.getElementById("row"+i))
    {
      el.style.backgroundColor="#FFFFFF";
      i++;
    }

    // sätt ny bakgrundsfärg på den valda raden
    if (el=document.getElementById("row"+rowNbr))
    {
      el.style.backgroundColor=col;
    }
  }
</script>
<table>
  <tr id="row1"><td><input type="radio" name="abc" value="1" onclick="setRowColor(1,'#FF0000')"></td><td>Text1</td></tr>
  <tr id="row2"><td><input type="radio" name="abc" value="2" onclick="setRowColor(2,'#FF0000')"></td><td>Text2</td></tr>
</table>
Citera

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback