Bar: /* Eksempel på anvendelse af input i en radio-button */

2022-12-06T20:36:56Z

Eksempel på anvendelse af input i en radio-button

← Ældre version		Versionen fra 6. dec. 2022, 21:36
Linje 58:		Linje 58:

	{{webcode}}		{{webcode}}


			{{webdesign}}

	[[Kategori:Javascript_input]]		[[Kategori:Javascript_input]]
	[[kategori:HTML Form]]		[[kategori:HTML Form]]

Bar med 22. okt. 2022, 12:35

2022-10-22T12:35:02Z

← Ældre version		Versionen fra 22. okt. 2022, 13:35
Linje 16:		Linje 16:
	<input type="reset" name="InRes" value="Reset" /><br />		<input type="reset" name="InRes" value="Reset" /><br />
	</form>		</form>
	</pre>		</pre>

	==input i radio-button med forslag til værdi==		==input i radio-button med forslag til værdi==

Bar: 1 version importeret

2022-10-22T12:13:12Z

1 version importeret

← Ældre version	Versionen fra 22. okt. 2022, 13:13
(Ingen forskel)

htx_>Bar: /* Eksempel på anvendelse af input i en radio-button */

2013-09-03T12:29:40Z

Eksempel på anvendelse af input i en radio-button

Ny side

==Hvordan anvendes et input i en radio-button==
[[Image:js_radio-button.PNG|thumb|right|200px|Eksempel på radio button]]

Radio buttons defineres som input type="radio", og de grupperes sammen ved at de har samme name.

Når de er grupperet med samme name, så tolker browseren det sådan at man kun kan vælge en af mulighederne, som vist her:

<pre>
<form name="myForm" id="formular">
radio 1<input type="radio" value="1" name="inRadio" /><br />
radio 2<input type="radio" value="2" name="inRadio" /><br />
radio 3<input type="radio" value="3" name="inRadio" /><br />
radio 4<input type="radio" value="4" name="inRadio" /><br />

<input type="button" onClick="testFormular();" value="Test formularen">
<input type="reset" name="InRes" value="Reset" /><br />
</form>
</pre>

==input i radio-button med forslag til værdi==

Man kan sætte en af værdierne på forhånd i HTML-koden ved at sætte en egenskab checked="checked" som vist her:

<pre>
radio 1<input type="radio" value="1" name="inRadio" /><br />
radio 2<input type="radio" value="2" name="inRadio" /><br />
radio 3<input type="radio" checked="checked" value="3" name="inRadio" /><br />
radio 4<input type="radio" value="4" name="inRadio" /><br />
</pre>

I programmeringssprog kaldes værdien for en default værdi.

==Eksempel på anvendelse af input i en radio-button==

For at finde hvilken mulighed der er valgt kan man løbe de forskellige muligheder igennem som vist herunder. Man skal dog også tage højde for at brugeren ikke har markeret en af knapperne.

<pre>
function testFormular() {
// Værdien af måden den modtages input på vises i en alert
var ikke = true;
var frm = document.getElementById("formular");
// Da de ligger i et Array er vi nødt til at løbe dem igennem for at finde værdien
for (n=0; n < frm.inRadio.length; n++) {
if (frm.inRadio[n].checked) {
alert("Der er valgt noget i Radio-selecten");
alert("Værdien af den valgte Radiobutten er: " + frm.inRadio[n].value);
ikke = false;
}
}
if (ikke) alert("Der er ikke valgt noget i Radio-selecten");

// Formen resettes for brugeren
myForm.reset();
}
</pre>

Filen med koden kan hentes i en [[media:js_radio-button.zip|zip-fil]]

{{webcode}}
[[Kategori:Javascript_input]]
[[kategori:HTML Form]]

Radio button - Versionshistorie

Bar: /* Eksempel på anvendelse af input i en radio-button */

Bar med 22. okt. 2022, 12:35

Bar: 1 version importeret

htx_>Bar: /* Eksempel på anvendelse af input i en radio-button */