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

<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>

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.

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>

Underbar moddifiering Jojoxx! Tack!