---
title: "Ändra bakgrundsfärg i tabell när radio är selected."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/86074-ändra-bakgrundsfärg-i-tabell-när-radio-är-selected"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "KoTTeN"
published: "2003-09-15T18:39:31.000Z"
updated: "2003-09-15T19:45:54.000Z"
replies: 4
views: 237
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/86074-ändra-bakgrundsfärg-i-tabell-när-radio-är-selected"
---

# Ändra bakgrundsfärg i tabell när radio är selected.

## #1 — KoTTeN, 2003-09-15T18:39Z

Jag eftersöker ett javascript där bakgrundsfärgen i en TR ändras när en radioknapp blir aktiverad och att färgen återgår när knappen blir inaktiverad. 

Någon som har ett sådant script liggande någonstans?

Permalänk: https://www.webforum.nu/p/86074

## #2 — Jojoxx, 2003-09-15T19:07Z

```
<style type="text/css">
.inaktiv{ background-color:white; }
.aktiv{ background-color:rgb(150,150,255); }
</style>

<table style="border:solid black 1px;">
<tr id="foo" class="inaktiv"><td>Detta är en cell...</td><td>... och en till.</td></tr>
</table>

<form>
<input type="radio" name="myradio" onClick="document.getElementById('foo').className=(this.checked)?'aktiv':'inaktiv';"> Blå<br/>
<input type="radio" name="myradio" onClick="document.getElementById('foo').className=(this.checked)?'inaktiv':'aktiv';"> Vit
</form>
```

Permalänk: https://www.webforum.nu/p/1157108

## #3 — KoTTeN, 2003-09-15T19:24Z

Tack! Fast det var inte riktigt som jag tänkt mig, formulerade mig dåligt.

Det jag tänkte var en tabell som innehåller ett antal rader (tr). I varje rad finns en radioknapp. Genom att markera en radioknapp ska bakgrundsfärgen i den aktuela raden (tr) ändras. Markerar man en annan radioknapp ska dess bakgrund ändras och den tidigare numera omarkerade ska återgå till orginalfärg. 

Samma funktion finns på Hotmail dock med radioknappar istället för checkbox. Har sneglat på deras script men tappar ständigt bort mig i min egen okunighet.

Permalänk: https://www.webforum.nu/p/1157126

## #4 — Jojoxx, 2003-09-15T19:36Z

Då moddar vi lite:

```
<style type="text/css">
.inaktiv{ background-color:white; }
.aktiv{ background-color:rgb(150,150,255); }
</style>

<script>
var current=null;
function mark(obj,type){
	while(obj.nodeName!=type&&obj.parentNode){ obj=obj.parentNode; }
	if(current){ current.className="inaktiv"; }
	obj.className="aktiv";
	current=obj;
}
</script>
<form>
<table style="border:solid black 1px;">
<tr class="inaktiv"><td><input type="radio" name="myradio" onClick="mark(this,'TR');"></td><td>Detta är en cell...</td></tr>
<tr class="inaktiv"><td><input type="radio" name="myradio" onClick="mark(this,'TR');"></td><td>...och en till</td></tr>
</table>
</form>
```

Permalänk: https://www.webforum.nu/p/1157132

## #5 — KoTTeN, 2003-09-15T19:45Z

Underbar moddifiering Jojoxx! Tack!

Permalänk: https://www.webforum.nu/p/1157138

---

Tråden på webben: https://www.webforum.nu/amne/javascript/86074-ändra-bakgrundsfärg-i-tabell-när-radio-är-selected