Checkbox=true then button is visible en dan verder

Status
Niet open voor verdere reacties.
Atwist

Atwist

Terugkerende gebruiker
Lid geworden
24 jan 2006
Berichten
1.076
Besturingssysteem
Wndows 11
Office versie
2016
Heb hier een HTML code gevonden en die wil ik graag aanpassen maar ik heb nog niet zoveel ervaring met HTML.
Met VBA red ik het wel maar dit is andere koek.

Al de checkbox is true dan button zichtbaar.
als button onclick dan moet deze een webpagina openen.

HTML: 
<html>
<head>
<title>Titel</title>
<script type="text/javascript">
<!--
function geklikt(waarde)
{
        if (waarde == true)
        {
                document.getElementById('melding').style.visibility = "hidden";
                document.getElementById('knop').disabled = false;
        }
        else
        {
                document.getElementById('melding').style.visibility = "visible";
                document.getElementById('knop').disabled = true;
        }
}
// -->
</script>
</head>
<body>
<form>
<span id="melding">U moet eerst aanvinken</span>
<input type="checkbox" name="vink" onClick="geklikt(this.checked)"><br>
<input type="button" name="knop" id="knop" value="klik hier" disabled="disabled">
</form>
</body>
</html>

Ps. weet niet meer de naam van de bedenker van deze HTML code:o

Kan iemand mij op weg helpen?

alvast bedank voor jullie tips.:thumb:
 
Je kunt hiervan een mooie functie maken

Code: 
<script type="text/javascript">
//<![CDATA[
function geklikt() {
  var Melding = document.getElementById('melding');
  var Knop = document.getElementById('knop');
  if(document.getElementById('vink').checked == true) {
    Melding.style.display='none';
    Knop.disabled=false;
  } else {
    Melding.style.display='inline';
    Knop.disabled=true;
  }
}
function naarhttp() {
  window.location = 'http://www.domein.nl';
}
//]]>
</script>

<form>
  <input id="vink" name="vink" type="checkbox" onclick="geklikt()" />
  <span id="melding">U moet eerst aanvinken</span><br>
  <input id="knop" name="knop" type="button" onclick="naarhttp()" value="klik hier" disabled="disabled" />
</form>

*** edit: of style.visibility->hidden, of style.color->transparent
 
Laatst bewerkt:
Dank je wel Bron:thumb:

Het was even stoeien maar het is met jou code gelukt.

Nogmaals mijn dank
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan