Javascript checkboxes werken niet.

Status
Niet open voor verdere reacties.

KeesOdulphus

Nieuwe gebruiker
Lid geworden
10 feb 2015
Berichten
1
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<title>C&M</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.23.1" />
</head>

<body>
		<p>Klik jou keuze- en/of sprokkelvakken aan.</p>
	<form action="eindpagina.php">
		<input type="checkbox" id="WiskundeB"		                        name="C&M_havo1" 		value="Wiskunde B"					onclick='uncheck_default()'>Wiskunde B<br>
		<input type="checkbox" id="WiskundeA"					name="C&M_havo2" 		value="Wiskunde A"					onclick='uncheck_default()'>Wiskunde A<br>
		<input type="checkbox" id="Economie"					name="C&M_havo3" 		value="Economie"					onclick='uncheck_default()'>Economie<br>
		<input type="checkbox" id="Managementenorganisatie"             name="C&M_havo4" 		value="Management en organisatie"	        onclick='uncheck_default()'>Management en organisatie<br>
		<input type="checkbox" id="Frans"					        name="C&M_havo5"		value="Frans"						onclick='uncheck_default()'>Frans<br>
		<input type="checkbox" id="Duits"					        name="C&M_havo6" 		value="Duits"						onclick='uncheck_default()'>Duits<br>
		<input type="checkbox" id="Biologie"					name="C&M_havo7" 		value="Biologie"					        onclick='uncheck_default()'>Biologie<br>
		<input type="checkbox" id="Scheikunde"					name="C&M_havo8" 		value="Scheikunde"					onclick='uncheck_default()'>Scheikunde<br>
		<input type="checkbox" id="Natuurkunde"				name="C&M_havo9" 		value="Natuurkunde"					onclick='uncheck_default()'>Natuurkunde<br>
		<input type="checkbox" id="none_checked" 	                        name="E&M_havo10" 		value="Geenvanbovenstaande"			Checked>Geen van bovenstaande<br>
		<input type='submit' 						                name='verderknop' 		value='verder'>		
	</form>
	<script type=text/javascript>
		function uncheck_default() { 
		document.getElementById("none_checked").checked = false;
		}
		function unchecked_default()  {
		var x = document.getElementById("none_checked");
		x.checked = true
	
	
		}
 
</script>
Wij hebben een probleem met ons javascript. Het moet zo zijn dat je wel meerdere dingen aanklikt.
Maar dat als je de laatste (geen van bovenstaande) aanklikt dat je dan geen andere meer kunt aanklikken.


Alvast bedankt,
 
Laatst bewerkt door een moderator:
Dag KeesOdulphus !

Een mogelijke oplossing is de volgende: Geef "this" mee door als argument bij de onclick-functie en evalueer de state van de laatste button. Als die laatste op "checked" staat, zet de checked van de aanroepende button op "false".

html:
Code:
<input type="checkbox" id="WiskundeB" name="C&M_havo1" value="Wiskunde B" onclick='uncheck_default([COLOR="#FF0000"]this[/COLOR])'>Wiskunde B<br>
js:
Code:
function uncheck_default(that) { 
    if (document.getElementById("none_checked").checked == true) {
        that.checked = false;
    }
}

Grtz,
MDN111.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan