Bar: /* Eksempel på anvendelse af input ved en checkbox */

2022-12-06T20:37:23Z

Eksempel på anvendelse af input ved en checkbox

← Ældre version		Versionen fra 6. dec. 2022, 22:37
Linje 63:		Linje 63:

	{{webcode}}		{{webcode}}


			{{webdesign}}

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

Bar: 1 version importeret

2022-10-26T04:45:11Z

1 version importeret

← Ældre version	Versionen fra 26. okt. 2022, 06:45
(Ingen forskel)

htx_>Bar: /* Eksempel på anvendelse af input ved en checkbox */

2013-09-03T12:29:12Z

Eksempel på anvendelse af input ved en checkbox

Ny side

==Hvordan anvendes en checkbox som input==
[[Image:js_checkbox.PNG|thumb|right|200px|Eksempel på checkbox]]

En checkbox er et element, hvor man kan angive om det skal være checked eller ej.

Normalt anvendes det som en samling af elementer der hører sammen, og håndteres som sådan, men i princippet er det individuelle elementer.

En kode til checkboxen kan se ud som følger:

<pre>
<form name="myForm">
Checkbox 1<input type="checkbox" id="inCheck1" /><br />
Checkbox 2<input type="checkbox" id="inCheck2" /><br />
Checkbox 3<input type="checkbox" id="inCheck3" /><br />
<input type="button" onClick="testFormular();" value="Test formularen">
<input type="reset" name="InRes" value="Reset" /><br />
</form>
</pre>

==input i checkbox med forslag til værdi==

Man kan indstille så en eller flere af checkboxene er checked når siden loades:

<pre>
Checkbox 1<input type="checkbox" id="inCheck1" /><br />
Checkbox 2<input type="checkbox" checked="checked" id="inCheck2" /><br />
Checkbox 3<input type="checkbox" checked="checked" id="inCheck3" /><br />
</pre>

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

==Eksempel på anvendelse af input ved en checkbox==
Når man klikker på knappen i eksemplet, så kaldes funktionen testFormular(), der ser ud som følger:

<pre>
function testFormular() {

// Værdien af de 3 checkboxe den modtages input på vises i en alert
if (document.getElementById("inCheck1").checked) {
alert("Checkboks 1 er sat");
} else {
alert("Checkboks 1 er ikke sat");
}

if (document.getElementById("inCheck2").checked) {
alert("Checkboks 2 er sat");
} else {
alert("Checkboks 2 er ikke sat");
}

if (document.getElementById("inCheck3").checked) {
alert("Checkboks 3 er sat");
} else {
alert("Checkboks 3 er ikke sat");
}

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

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

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

Checkbox - Versionshistorie

Bar: /* Eksempel på anvendelse af input ved en checkbox */

Bar: 1 version importeret

htx_>Bar: /* Eksempel på anvendelse af input ved en checkbox */