Thorsten F.: Checkbox: beim Click show ansonsten hide

Hallo,
kann mir mal jemand bitte sagen, wo ich den Fehler habe?
Habe das gestern noch bei einem Kumpel geschrieben und wollte das nun bei mir erweitern. Aber jetzt bekomme ich nicht mal mehr den Grundstock hin.

Wenn Checkbox true -> Zeige Feld
Wenn Checbkox false -> Verstecke Feld

Ich habe das gestern sofort hinbekommen, aber jetzt finde ich den deppert Fehler nicht mehr.

<html>
<head>
  <title>
   Checkbox
  </title>

<script type="text/javascript">
   function show(fieldname)
   {
    alert(fieldname);
    if(document.formular.boxone.checked)
    {
     document.getElementById(fieldname).style.visibility = "show";
    }
    else
     document.getElementById(fieldname).style.visibility = "hidden";
   }
  </script>
</head>

<body>
  <form name="formular" action="">
   <table border="1">
    <tr>
     <td>
      <input type="checkbox" name="boxone" onClick="show('fieldone');">Click me
     </td>
     <td>
      <input type="text" name="fieldone" style="visibility:hidden" value="Ihre Eingabe">
     </td>
    </tr>
   </table>
  </form>
</body>
</html>

Danke

  1. Nochwas:
    Als Fehlermeldung bekomme ich in der Statusleiste:

    Die visibility Eigenschaft wurde nicht gefunden.

  2. Hallo !

    document.getElementById(fieldname).style.visibility = "show";
        }
        else
         document.getElementById(fieldname).style.visibility = "hidden";
       }

    ja, hat denn das Element auch eine ID ?

    Gruß

    Hans

    1. Ups,
      so habs. Thread nicht angucken. Augenkrebsgefahr........

      funzen tut es so:

      <html>
      <head>
        <title>
         Checkbox
        </title>

      <script type="text/javascript">
         function show(fieldname)
         {
          alert(fieldname);
          if(document.formular.boxone.checked)
          {
           document.getElementById(fieldname).style.visibility = "visible";
          }
          else
           document.getElementById(fieldname).style.visibility = "hidden";
         }
        </script>
      </head>

      <body>
        <form name="formular" action="">
         <table border="1">
          <tr>
           <td>
            <input type="checkbox" name="boxone" onClick="show('fieldone');">Click me
           </td>
           <td>
            <input type="text" name="fieldone" style="visibility:hidden" value="Ihre Eingabe">
           </td>
          </tr>
         </table>
        </form>
      </body>
      </html>

      1. Hallo !

        Nun, vielleicht habe ich Tomaten auf den Augen, daber Du greifst weiterhin per getElementById auf eine ID zu, die es nicht gibt, weil fuer das Element zwar eine Name, nicht aber eine ID vergeben wurde.

        Gruß

        Hans

        1. JO, stimmt. Funktioniert aber irgendwie trotzdem. Ist name und id eventuell vom Sinn das gleiche? Oder greift getElementById auf beide zu?

          Gruß

          1. Hallo Thorsten,

            JO, stimmt. Funktioniert aber irgendwie trotzdem. Ist name und id eventuell vom Sinn das gleiche? Oder greift getElementById auf beide zu?

            Vermutlich nur im IE, der lässt Fünfe gerade sein, das ist ja bekannt! Hast du das denn auch mal mit anderen Browsern getestet?

            Gruß Gernot