---
title: "Textfärg beroende på radiobuttons"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/87456-textfärg-beroende-på-radiobuttons"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "JAreMANNEN"
published: "2003-10-02T09:04:14.000Z"
updated: "2003-10-02T09:44:04.000Z"
replies: 4
views: 285
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/87456-textfärg-beroende-på-radiobuttons"
---

# Textfärg beroende på radiobuttons

## #1 — JAreMANNEN, 2003-10-02T09:04Z

Håller på med lite radiobuttons och ändra färg på text....

Har fäljande kod

```
<input onFocus="document.getElementById('farg1').style.color='cc0000';" onBlur="document.getElementById('farg1').style.color='000000';" type="radio" name="wildcard" value="1">
<br>
<span id="farg1" class="text_10"> börjar med</span>

<input onFocus="document.getElementById('farg2').style.color='cc0000';" onBlur="document.getElementById('farg2').style.color='000000';" type="radio" name="wildcard" value="2">
<br>
<span id="farg2" class="text_10"> innehåller</span>
```

Funkar kanon om man byter bland radioknapparna, MEN när man klickar någon annanstans på sidan efter att man valt en färg så försvinner textfärgen :(

Vad kan man göra åt detta?
Måste man skriva in det i nån funktion eller nåt?

Tack på förhand!

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

## #2 — Palle, 2003-10-02T09:06Z

Du får nog skapa en funktion som kollar om knappen är *checked* eller inte.
Som du är nu tillämpas dina attribut bara när knappen får fokus samt tappar fokus.

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

## #3 — JAreMANNEN, 2003-10-02T09:11Z

hrm, och hur ska jag bära mig åt när det i mitt fall handlar om samma fältnamn på radioknapparna??

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

## #4 — Palle, 2003-10-02T09:26Z

En variant: 

```
[red]<script type="text/javascript">

	function colorize(span){
		if (span=="farg1"){
			document.getElementById('farg1').style.color='cc0000';
			document.getElementById('farg2').style.color='000000';
		} else {
			document.getElementById('farg2').style.color='cc0000';
			document.getElementById('farg1').style.color='000000';
		}
	}

</script>

...

<input onclick="colorize('farg1');" type="radio" name="wildcard" value="1"><br>
<span id="farg1" class="text_10"> börjar med</span>

<input onclick="colorize('farg2');" type="radio" name="wildcard" value="2"><br>
<span id="farg2" class="text_10"> innehåller</span>[/red]
```

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

## #5 — JAreMANNEN, 2003-10-02T09:44Z

Tack!
Blev kanon! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/87456-textfärg-beroende-på-radiobuttons