Struppi: checkbox hidden fkt. nicht

Beitrag lesen

SELF-Forum

checkbox hidden fkt. nicht

Struppi Homepage des Autors
– Informationen zu den Bewertungsregeln

habs dank deiner hilfe hinbekommen.
mein script sieht nun folgendermaßen aus.

Das das funktioniert ist Zufall, da die Browser mit denen du das testet alle sowohl die id als auch den Namen in die elements Collection aufnehmen.

Das geht auch einfacher und ohne IDs:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<head>  
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
  <title>   Checkbox  </title>  
  
<script type="text/javascript">

function show(feld)  
{  
    var form = feld.form;  
    var array = form[feld.name];  
    for(var i = 0;i < array.length; i++)  
    {  
         if( array[i] == feld)  
         {  
              form['blacklist[]'][i].style.visibility  = feld.checked ? 'hidden' : 'visible';  
              form['transfer[]'][i].style.visibility  = feld.checked ? 'hidden' : 'visible';  
              return  
         }  
    }  
}  

~~~~~~html
</script>  
</head>  
  
<body>  
  <form name="formular" action="">  
   <table border="1">  
    <tr>  
     <td>  
      <input type="checkbox" name="tofind[]" onclick="show(this );">geehrte <b>to find</b>  
     </td>  
     <td>  
      <input type="CHECKBOX" name="blacklist[]" value="Ihre Eingabe">geehrte <b>blacklist</b>  
     </td>  
     <td>  
      <input type="CHECKBOX" name="transfer[]" value="Ihre Eingabe">geehrte <b>transfer</b>  
     </td>  
    </tr>  
    <tr>  
     <td>  
      <input type="checkbox" name="tofind[]" onclick="show(this );">damen <b>to find</b>  
     </td>  
     <td>  
      <input type="CHECKBOX" name="blacklist[]" value="Ihre Eingabe">damen <b>blacklist</b>  
     </td>  
     <td>  
      <input type="CHECKBOX" name="transfer[]" value="Ihre Eingabe">damen <b>transfer</b>  
     </td>  
    </tr>  
    <tr>  
     <td>  
      <input type="checkbox" name="tofind[]" onclick="show(this );">herren <b>to find</b>  
     </td>  
     <td>  
      <input type="CHECKBOX" name="blacklist[]" value="Ihre Eingabe">herren <b>blacklist</b>  
     </td>  
     <td>  
      <input type="CHECKBOX" name="transfer[]" value="Ihre Eingabe">herren <b>transfer</b>  
     </td>  
    </tr>  
  
   </table>  
  
  
  </form>  
</body>  
</html>

Struppi.

--
Javascript ist toll (Perl auch!)
Beitrag melden
–
Informationen zu den Bewertungsregeln