Ik heb de volgende code voor het verbergen en verschijnen van tablerows:
Werkt echt perfect, maar helaas als de pagina laad is de tr niet zichtbaar als de checkbox is checked, dit omdat t script niet is uitgevoerd.
Dus dan moet het in
<body onload=showHideChkBox(this, 'div2');">
maar ik krijg het niet voor elkaar wat daar moet staan...
ik wil dus dat het bij alle meerder checkboxen werkt...
heb er ook niet zo veel verstand van, is het mogelijk wat ik wil? bvd
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <script type="text/javascript">
function showHideChkBox(chkBox,objName)
{
if (chkBox.checked) {
document.getElementById(objName).style.display="block";
}
else
{
document.getElementById(objName).style.display="none";
}
}
</script>
--------------------------
<input type="checkbox" value="1" onClick="showHideChkBox(this, 'div1');">
<input type="checkbox" value="1" onClick="showHideChkBox(this, 'div2');">
--------------------------
<tr id="div1" style="display:none; width: 50%; border: 0px solid black;">tekst</tr>
<tr id="div2" style="display:none; width: 50%; border: 0px solid black;">tekst</tr> |
Werkt echt perfect, maar helaas als de pagina laad is de tr niet zichtbaar als de checkbox is checked, dit omdat t script niet is uitgevoerd.
Dus dan moet het in
<body onload=showHideChkBox(this, 'div2');">
maar ik krijg het niet voor elkaar wat daar moet staan...
ik wil dus dat het bij alle meerder checkboxen werkt...
heb er ook niet zo veel verstand van, is het mogelijk wat ik wil? bvd