dynamisch checkboxen aktivieren/deaktivieren

[8805-evergreen.]

Guten Tag......

Hab mal ne Frage, auf die ich keine Antwort finde..

In einer DB befindet sich eine Tabelle mit den Feldern [id], [name], [showit],[pflicht].
Man soll also einfach ein Feld erfassen können und dieses wird dann gleich angezeigt mittels folgendem php Code:

PHP-Code:


while($row = mysql_fetch_array($res))
 {

  $showitChecked =''; 
    $pflichtChecked = '';

  if($row['showit']) $showitChecked = 'CHECKED';
  if($row['pflicht']) $pflichtChecked = 'CHECKED';
    
    $id = $row['id'];

  echo '
  <tr>
   <td id="kontakt_FeldCell" width="150px">'.$row['name'].'</td>
   <td align="center" id="kontakt_FeldCell">
     <input style="border:0;" value="'.$id.'" id="show'.$id.'" type="checkbox" name="showit[]" '.$showitChecked.'></td>
   <td align="center" id="kontakt_FeldCell">
     <input style="border:0;" value="'.$id.'" id="pflicht'.$id.'" type="checkbox" name="pflicht[]" '.$pflichtChecked.'></td>
  </tr>';
 } 


Nun würde ich gerne folgende "Goodies" integrieren:

- Man sollte alle Checkboxen aktivieren können mit einem Link
- Bei den Einträgen, bei denen SHOWIT = 0 gesetzt ist, sollten die dazugehörigen Checkboxen (Pflicht) inaktiv sein

Da das Ganze dynamisch ist, weiss ich überhaupt nicht, wie ich das anstellen soll... ich habe schon Scripte gefunden, aber diese sind alle bei statischen Seiten einsetzbar und ich habe nicht sehr viel Ahnung von Javascript.

Der Sinn des ganzen ist folgender:

- Es geht um ein dynamisches Kontaktformular.
- Backend hat man eine Auswahl an Möglichkeiten (z.B. Telefonnummer, Email, ...).
- 1. Spalte = Name des Inputfeldes, 2. Spalte = showit (Feld wird angezeigt oder nicht), 3. Spalte = Pflichtfeld (Feld wird zu einem Pflichtfeld).
- Frontend sieht man dann alle aktivierten Inputfelder. Die einen als Pflichtfelder, die anderen nicht.

Ich hoffe ich habe mich verständlich ausgedrückt....

Danke für jeden Tipp! Gruss

[Marilu]

Das kannst Du m. E. nur mit Javascript relisieren. Dort kannst Du über GetElementById() die einzelnen CBs direkt ansprechen.

[8805-evergreen.]

Hallo Marilu

Das kannst Du m. E. nur mit Javascript relisieren

Ist mir klar ja, nur fehlt mir das nötige wissen, um sowas zu realisieren.

Wenn ich das Script momentan ausführe erscheint im Quellcode für jeden DB Eintrag eine solche Zeile:

<tr>
<td id="kontakt_FeldCell" width="150px">PLZ /Ort</td>
<td align="center" id="kontakt_FeldCell">
<input style="border:0;" value="6" type="checkbox" name="showit[]" CHECKED></td>
<td align="center" id="kontakt_FeldCell">
<input style="border:0;" value="6" type="checkbox" name="pflicht[]" >
</td>
</tr>

Nun müsste ich eine Funktion schreiben, die beide Checkboxen zum "kommunizieren" bringt...

Hat jemand ein änliches Scriptchen oder gibt mir Tipps wie ich die Funktion schreiben könnte? GetElementById() ist ja schön und gut, doch weiss ich es nicht wirklich einzusetzen....

[Marilu]

Du mußt als erstes für jede CB eine eindeutige ID vergeben, die Du dann abfragen kannst, z.B.:

if ( document.getElementById('cb_01').disabled == false )
document.getElementById('cb_02').checked = true;
else ... (Details findest Du bei SelfHTML).

[8805-evergreen.]

helloouu...

ok, soweit kann ich folgen... Aber....

dann müsste ich ja für jeden eintrag eine einzelne if- Abfrage erstellen?!
das problem hierbei ist ja, das es noch neue DB einträge geben wird und dann müsste man immer noch eine if abfrage dazu erstellen....

gibt es nicht eventuell einen weg den man mit einer for- schleife oder etwas in der art lösen kann?

[Marilu]

Zitat von 8805-evergreen.

gibt es nicht eventuell einen weg den man mit einer for- schleife oder etwas in der art lösen kann?

Natürlich, Du kannst die IDs dynamisch vergeben und in dem JS-Script ein entsprechendes Array durchlaufen. Tip: Der Name (nicht die ID) der CBs eines Typs sollte gleich sein ...

[8805-evergreen.]

hmm... na schön, dann werd ich morgen mal rumpröbeln. meld mich dann wieder... ;)