Check box
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.
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.
Dat moet je met javascript doen.
En dan kan je voor de makkelijkheid een javascript lib. pakken zoals jQuery.
En dan kan je voor de makkelijkheid een javascript lib. pakken zoals jQuery.
Ik snap er niks van ....
'wilco:
Ik snap er niks van ....
Ok.
Zo-iets?
js.js
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?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>
';
?>
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
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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;
}
}
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;
}
}
Gewijzigd op 01/01/1970 01:00:00 door Emmanuel Delay
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 !
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 !
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?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>
';
?>
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 (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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;
}
}
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;
}
}
Geweldig bedankt !
Precies goed !!!!!!!
Precies goed !!!!!!!




