In einer Tabelle mit PHP alle Checkboxen aktivieren

[CreativPur]

Ich habe eine Tabelle


wo ich die Möglichkeit des Löschens habe.
Jetzt möchte ich zum löschen alle markieren auswählen können.

Als script habe ich folgendes erstellt..

<script language="JavaScript">
function CheckboxenAktivieren(objCheck, strID)  {
  var arrChilds = document.getElementById(strID).childNodes;
  var blnCheck = objCheck.checked;
    for(var i=0; i<arrChilds.length; i++)    {
          if(arrChilds[i].type == "checkbox")      {
        arrChilds[i].checked = (blnCheck)? true : false;
    }   
  }
}
</script>

der Button für den Befehl...

Alle markieren    <input type="checkbox" onClick="CheckboxenAktivieren(this,'group4');">

und nun das Formular, wo die Checkboxen aktiviert werden sollen..

<form action="postfach.php?loeschen" method="post" id="group4">
<input class="form-check-input" type="checkbox" name="loeschen_test[]" value="<?php echo $user['id'] ?>" >
</form>

Leider wird nur der erste Datensatz beim Klicken auf den Befehlsbutton aktiviert.

Worin liegt der Fehler ?

 

[bdt600]

Siehe z.B. JavaScript - Alle Checkboxen auf einmal auswählen - Webseiten erstellen, optimieren und aufpeppen - Werner-Zenk.de

Wieso du das unter "Visual Basic 6.0, VBA & VBScript" muss man nicht verstehen, oder?

 

[CreativPur]

oh shit... Schon wieder den falschen Button geklickt!
Wie kann ich das Rückgängig machen?

 

[Sempervivum]

oh shit... Schon wieder den falschen Button geklickt!
Wie kann ich das Rückgängig machen?

Warten bis ein Moderator es bemerkt und es verschiebt.

 

[Sempervivum]

Bei mir funktioniert dein Code einwandfrei. Wenn bei dir nicht, liegt es sicherlich daran, dass die Checkboxen keine direkten Kinder des Formulars sind sondern noch ein Element darum herum liegt.
Ich würde das etwas anders aufziehen, ohne childNodes, dann stellt sich das Problem nicht:

    <script>
        function CheckboxenAktivieren(objCheck, strID) {
            const
                arrCheckboxes = document.querySelectorAll(`#${strID} input[type="checkbox"]`);
            arrCheckboxes.forEach(input => {
                input.checked = objCheck.checked;
            });
        }
    </script>

 

[CreativPur]

Super... Jetzt funktioniert es bei mir auch
Vielen Dank

 

[Yaslaw]

... und verschoben

 

[CreativPur]

vielen Dank Yaslaw