✔ Tabellen mit den Checkbox einblenden

M

m_topic

Mitglied
Hallo, ich wollte mit dem Checkbox Tabelle einblenden. Lösung für eine Tabelle hab ich relativ schnell gefuden, Link. Da ich aber mit zwei chboxen zwei verschiedene Tabellen einblenden möchte funktioniert das Bsp. leider nicht.


Hat jemand lust sich bei mir belibt zu machen? :)

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
	<script type="text/javascript">
	function check(ctrl)
	{
	document.getElementById('tebelle_1').style.display = (ctrl.checked) ? "":"none";
	}
	</script>
</head>

<body>
<input type="checkbox" name="checkbox" value="" onclick="check(this)">Tebelle 1 einblenden<br>
<input type="checkbox" name="checkbox" value="" onclick="check(this)">Tebelle 2 einblenden
<br><br>

<table id="tebelle_1" style="display:none">
  <tr>
    <td>Tabelle 1.</td>
  </tr>
</table>

<table id="tebelle_2" style="display:none">
  <tr>
    <td>Tabelle 2.</td>
  </tr>
</table>

</body>
</html>
 
Du meinst es aber wahrscheinlich nicht so, oder?

Code: 
	<script type="text/javascript">
	function check(tebelle_1, tebelle_2)
	{
	document.getElementById('tebelle_1').style.display = (tebelle_1.checked) ? "":"none";
	document.getElementById('tebelle_2').style.display = (tebelle_2.checked) ? "":"none";
	}
	</script>
 
Ich hatte mir das eher so vorgestellt:
Code: 
function toggleDisplay(objId, displayStatus)
{
	document.getElementById(objId).style.display = displayStatus ? "" : "none";
}
HTML: 
<label><input type="checkbox" name="checkbox" value="" onclick="check('tebelle_1', this.checked)">Tebelle 1 ein-/ausblenden</label>
 
Es hat klappt irgendwie nicht so richtig, villeicht haber ich den Code falsch eingenaut.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
	<script type="text/javascript">
	function toggleDisplay(objId, displayStatus)
	{
		document.getElementById(objId).style.display = displayStatus ? "" : "none";
	}
	</script>
</head>

<body>
<label><input type="checkbox" name="checkbox" value="" onclick="check('tebelle_1', this.checked)">Tebelle 1 ein-/ausblenden</label><br>
<label><input type="checkbox" name="checkbox" value="" onclick="check('tebelle_2', this.checked)">Tebelle 2 ein-/ausblenden</label>
<br><br>

<table id="tebelle_1" style="display:none">
  <tr>
    <td>Tabelle 1.</td>
  </tr>
</table>

<table id="tebelle_2" style="display:none">
  <tr>
    <td>Tabelle 2.</td>
  </tr>
</table>

</body>
</html>


Inzwischen habe ich aber hier im Forum eine alternative gefunden und deshalb markiere ich diesen Trade als erledigt. Mich nimmt aber Wunder warum dass deine Lösung nicht funktioniert.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">
function ShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.display == 'none'){
    obj[id].style.display = 'block';
    }
    else {
    obj[id].style.display = 'none';
    }
}
</script>
</head>
<body>
<label><input type="checkbox" name="checkbox" value="" onclick="ShowHide('tabelle_1')">Tebelle 1 ein-/ausblenden</label>
<div id="tabelle_1" style="display:none;">
<table>
  <tr>
    <td>Tabelle</td>
  </tr>
 </table>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
Die ShowHide Tabelle hat mir schon mal geholfen, jetzt hab ich aber das Problem das ich 3 radio Buttons habe und beim anklicken des "2ten radio Button" bleibt leider die Tabelle des "1ten radio Button" stehen...
Frage: Wie bekomm ich das hin das wenn ich erst den "1ten" und dann doch den "2ten" anklick die Tabelle des "1ten" wieder verschwindet.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück