Visa/Dölja table med checkruta?

Hej,

Går det att visa/dölja en <tr>-tag med en checkruta?

<input type="checkbox" name="test" value="1">

Den är inte ikryssad i början men om jag kryssar i den vill jag att ...

<tr>
<td>testtest</td>
</tr>

..ska visas? och om man sedan kryssar ur den igen ska den <tr>-taggen försvinna?

<script>
function showhide() {
  if (document.getElementById('checkboxid').checked == true) {
    document.getElementById('list').style.display = "block";
  } else {
    document.getElementById('list').style.display = "none";
  }
}
</script>
<table>
  <tr id="list" style="display:none;">
    <td>testtesttest</td>
  <tr>
</table>

<input type="checkbox" name="test" id="checkboxid" onclick="showhide();" />

Detta bör fungera

Hehe tackar! Fick det inte att funka först men såg att du satt och editerade ;)

Gunnar_B skrev:

Hehe tackar! Fick det inte att funka först men såg att du satt och editerade ;)

Jo det gick lite väl fort först :)

Jag upptäckte dock att det såg inge vidare ut i FireFox, jag har:

<tr>
<td>1</td>
<td>2</td>
</tr>

som ska döljas/visas, alltså två <td> och när jag döljer visar den i firefox så verkar den inte förstå att det är två <td>.. sedan för varje gång jag visar den så blir det som ett extra tomt <tr></tr> också..

Nån som vet hur man ska lösa detta?

Tråden flyttas från HTML, XHTML & CSS.

mvh Palle
Moderator webForum

När det gäller tabeller finns värdet 'table-row' (för CSS2-kompatibla webbläsare) istället för 'block'. Testa det.

Man kan väl även använda "inline" iställer för block tror jag...block har väl en fördefinierad storlek som sätts av hur stort objekter är som ska visas..medan inline inte bryr sig om hur stort det är och utökar området när okjektet ska visas.