l103/les.php
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.veld{
width:150px;
display:inline-block;
text-align: left;
}
</style>
<script>
window.onload = check
function check(){
//als checkbox met id kinderen checked
if(document.getElementById('telefoon').checked){
//div met kindernamen zichtbaar
//document.getElementById('kindernamendiv').style.visibility ='visible'
// document.getElementById('kindernamendiv').style.display ='none'
document.getElementById('telnr').disabled = false
}
else{
//div met kindernamen onzichtbaar
//document.getElementById('kindernamendiv').style.visibility ='hidden'
document.getElementById('telnr').disabled = true
}
//alert(document.getElementById('kindernamendiv').disabled )
}
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form method="get">
<div><span class="veld">Naam : </span><input type='text' id="naam"></div>
<div><span class="veld">Woonplaats : </span><input type='text' id="plaats"></div>
<div><span class="veld"></span><input type="checkbox" value="1" id="telefoon" onchange="check()"><label for="telefoon">telefoon?</label></div>
<div id="telnrdiv"><span class="veld">telefoonnummer : </span><input type='text' id="telnr"></div>
<div><span class="veld">telefoonmerk : </span>
<select name='' id=''>
<option value='echtewaarde1'>Apple</option>
<option value='echtewaarde2'>Samsung</option>
<option value='echtewaarde3'>Huawai</option>
</selectt>
</div>
</form>
</body>
</html>
Resultaat
Made by Thijs Aarnoudse