Check box

Door wilco op 28-04-2009 20:46

1.278 views

Kon het niet op google vinden,

weet iemand een script met deze eisen:

check box die je moet kunnen aanvinken.
Daaronder een link.

je moet de check box aangevinkt hebben om op de link te kunnen klikken, of dat als je het aanvinkt het tevoorschijn komt.

Onbekende gebruiker

28-04-2009 20:51

Dat moet je met javascript doen.
En dan kan je voor de makkelijkheid een javascript lib. pakken zoals jQuery.

wilco

28-04-2009 21:06

Ik snap er niks van ....

Onbekende gebruiker

28-04-2009 21:10

wilco schreef op 28.04.2009 21:06
Ik snap er niks van ....

Ok.

Emmanuel Delay

28-04-2009 22:43

Zo-iets?

<?php
echo '<html>
<head>
<script src="js.js" language="javascript" type="text/javascript"></script>
<style>
#inschakelbare_link {color: #000044;}
</style>
<title>Checkbox voorbeeldje</title>
</head>
<body >
<div>
<label onClick="link_zichtbaar();" ><input type="checkbox" id="check1" /> check 1 </label>
<div><a id="inschakelbare_link" href="index2.php" onClick="return link();">link</a></div>
</div>
</body>
</html>
';
?>

js.js


var checkbox_aan = false;

function link_zichtbaar()
{
  var inschakelbare_link = document.getElementById('inschakelbare_link');
  var check1 = document.getElementById('check1');
  
  if (check1.checked)
    {
      checkbox_aan = true;
      inschakelbare_link.style.color = '#0000ff';
    }
  else
    {
      checkbox_aan = false;
      inschakelbare_link.style.color = '#000044';
    }
}

function link()
{
  if (checkbox_aan == true)
    {
      return true;
    }
  else
    {
      return false;
    }
}

wilco

28-04-2009 23:10

Het is bijna perfect,

Ik mis alleen nog dat als je het niet hebt eengevinkt dat er een error komt, bv. je bent de check box vergeten.

En hoe kan je van de tekst een link maken ?

Het moet namelijk een link naar de algemene voorwaarden zijn.

Bedankt is al een erg goed begin !

Emmanuel Delay

28-04-2009 23:35

<?php
echo '<html>
<head>
<script src="js.js" language="javascript" type="text/javascript"></script>
<style>
#inschakelbare_link {color: #000044;}
</style>
<title>Checkbox voorbeeldje</title>
</head>
<body >
<div>
<label onClick="link_zichtbaar();" ><input type="checkbox" id="check1" /> Ik aanvaard de algemene voorwaarden </label>
<div><a id="inschakelbare_link" href="index2.php" onClick="return link();">link</a></div>
<div id="boodschap"></div>
</div>
</body>
</html>
';
?>

js.js
[code]
var checkbox_aan = false;

function link_zichtbaar()
{
var inschakelbare_link = document.getElementById('inschakelbare_link');
var check1 = document.getElementById('check1');
var boodschap = document.getElementById('boodschap');

if (check1.checked)
{
checkbox_aan = true;
inschakelbare_link.style.color = '#0000ff';
boodschap.innerHTML = '';
}
else
{
checkbox_aan = false;
inschakelbare_link.style.color = '#000044';
}
}

function link()
{
var boodschap = document.getElementById('boodschap');
if (checkbox_aan == true)
{
return true;
}
else
{
boodschap.innerHTML = 'Vink eerst de checkbox aan.';
return false;
}
}
[code]

wilco

28-04-2009 23:39

Geweldig bedankt !

Precies goed !!!!!!!

Reageren

Inloggen om te reageren