Tekstkleur wijzigen bij aanvinken checkbox
<html>
<head><script type="text/javascript">
function change_class(id, active_class, inactive_class, condition)
{
var td = document.getElementById(id);
td.className = (condition) ? active_class : inactive_class;
}
</script>
<style type="text/css">
.on
{
color: #009900;
}
.off
{
color: #FF0000;
}
</style>
</head>
<body>
<table>
<tr id="text" class="off>
<td height="39"><strong>Executive board agree</strong></td>
<td>
<input name="checkbox" type="checkbox" onClick="change_class('text', 'on', 'off', this.checked)" value="checkbox">
<strong>Agree</strong></td>
<td></td>
</tr>
</table>
</body></html>
Weet iemand hoe ik deze code kan aanpassen zodat de tekstkleur WEL veranderd van rood naar groen zodra de checkbox is aangevinkt?
Gewijzigd op 01/01/1970 01:00:00 door Karel
gebruik even dit dan
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
<html>
<head>
<script type="text/javascript">
function render(c,t){
if (c.checked) {
document.getElementById(t).className = 'on';
}else{
document.getElementById(t).className = 'off';
}
}
</script>
<style type="text/css">
.on {
color: #009900;
}
.off {
color: #FF0000;
}
</style>
</head>
<body>
<input type="checkbox" onclick="render(this, 'tekst')" />
<div id="tekst" class="off">
Dit is de tekst
</div>
</body>
</html>
<head>
<script type="text/javascript">
function render(c,t){
if (c.checked) {
document.getElementById(t).className = 'on';
}else{
document.getElementById(t).className = 'off';
}
}
</script>
<style type="text/css">
.on {
color: #009900;
}
.off {
color: #FF0000;
}
</style>
</head>
<body>
<input type="checkbox" onclick="render(this, 'tekst')" />
<div id="tekst" class="off">
Dit is de tekst
</div>
</body>
</html>