✔ Checkbox change

ulf123

ulf123

Erfahrenes Mitglied
Hallo

ich habe ein kleines Problem


ich habe eine Tabelle mit Formularfeldern
die Tabelle ist in 3Teile geteilt... vor jedem Teil ist eine Checkbox

der Teil unter der Checkbox soll nur gezeit werden wenn man die checkbox anklickt.

Ich hoffe einer weiß wie ich das mein =)


Vielen Dank

MfG Ulf
 
Könntest du bitte mal den Code der Tabelle(incl.checkboxen) zeigen.... damit ma sieht, wie du die Tabelle in 3 Teile teilst?
 
kein Problem

Ich wollte das halt so .. mit PHP ist das kein Problem
bloß das Neuladen der seite wollte ich vermeiden

HTML: 
<table width="100%" border="0">
  <tr>
    <td width="24%">Teil 1 Anzeigen </td>
    <td width="76%"><input type="checkbox1" name="checkbox" value="on"></td>
  </tr>
  
<!-- WENN CHECKBOX 1 AN  DANN ZEIGE TEXT 1 -->  

  <tr>
    <td>&nbsp;</td>
    <td>TEXT 1 </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 1</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 1</td>
  </tr>
<!-- ENDE -->   

  <tr>
    <td>Teil 2 Anzeigen </td>
    <td><input type="checkbox" name="checkbox2" value="on"></td>
  </tr>
  
 <!-- WENN CHECKBOX 2 AN  DANN ZEIGE TEXT 2 --> 
 
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 2 </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 2 </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 2 </td>
  </tr>
<!--ENDE -->
  <tr>
    <td>Teil 3 Anzeigen </td>
    <td><input type="checkbox" name="checkbox3" value="on"></td>
  </tr>
  
  <!-- WENN CHECKBOX 3 AN  DANN ZEIGE TEXT 3 --> 
  
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 3</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 3</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>TEXT 3</td>
  </tr>
  <!--ENDE -->
</table>

Danke
 
Hallo,
es gibt bestimmt eine elegantere Lösung aber dazu kann ich zu wenig JavaScript.
HTML: 
<html>
 <head>
	<script type="text/javascript">
	<!--
	 function toggle(strID){
		var myObj = document.getElementById(strID);
		if(myObj.style.display == "none"){
		 myObj.style.display = "block";
		}else{
		 myObj.style.display = "none";
		}
	 }
	//-->
	</script>
 </head>
 <body>
	<table width="100%" border="0">
	 <tr>
		<td width="24%">Teil 1 Anzeigen </td>
		<td width="76%"><input onclick="toggle('1.1'); toggle('1.2'); toggle('1.3')" type="checkbox" name="checkbox" value="on"></td>
	 </tr>
	 <tr id="1.1" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 1 </td>
	 </tr>
	 <tr id="1.2" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 1</td>
	 </tr>
	 <tr id="1.3" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 1</td>
	 </tr>
	 <tr>
		<td>Teil 2 Anzeigen </td>
		<td><input onclick="toggle('2.1'); toggle('2.2'); toggle('2.3')" type="checkbox" name="checkbox2" value="on"></td>
	 </tr>
	 <tr id="2.1" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 2 </td>
	 </tr>
	 <tr id="2.2" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 2 </td>
	 </tr>
	 <tr id="2.3" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 2 </td>
	 </tr>
	 <tr>
		<td>Teil 3 Anzeigen </td>
		<td><input onclick="toggle('3.1'); toggle('3.2'); toggle('3.3')" type="checkbox" name="checkbox3" value="on"></td>
	 </tr>
	 <tr id="3.1" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 3</td>
	 </tr>
	 <tr id="3.2" style="display: none">
		<td >&nbsp;</td>
		<td>TEXT 3</td>
	 </tr>
	 <tr id="3.3" style="display: none">
		<td>&nbsp;</td>
		<td>TEXT 3</td>
	 </tr>
	</table>
 </body>
</html>

mfg
forsterm
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück