✔ selectAll() Problem

S

stonk

Erfahrenes Mitglied
Hi zusammen!!

Habe folgendes Problem:
Habe eine Auflistung mehrer Datensätze (mit PHP) und möchte nun vor jedem Datensatz eine checkbox hintun. Ganz unten sollte es eine checkbox geben, die alle auf einmal Markiert/Demarkiert.
Nun weiss ich aber nicht genau wie...
Habe folgendes Probiert:

Code: 
<form action="nachrichten_delete.php" method="POST">
<table>
  <tr>
    <td><input type="checkbox" name="1"></td>
    <td><a href="test.php">Titel</td>
    <td><a href="test.php">User</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="2"></td>
    <td><a href="test2.php">Titel2</td>
    <td><a href="test2.php">User2</td>
  </tr>
  <tr>
    <td colspan="2"><input type="checkbox" name="all" onClick="selectAll(this.form, this.checked)">alle</td>
    <td><input type="submit" value="Löschen"></td>
  </tr> 
</table>
</form>

Habe leider fast keine Ahnung von JavaScript!! :(

Besten Dank für jede Hilfe!!

Gruss stonk
 
Hallo Stonk,

so wäre ne Möglichkeit:

Code: 
<html>
<head>
<title>Test</title>
</head>

<body>

<script type="text/javascript">
<!--
function selectAll()
{
   if (document.getElementById('all').checked)
   {
      var set = true;
   }
   else { var set = false; }
  
   var x = document.getElementsByTagName('input').length;

   for (i=0; i<x; i++)
   {
      elem = document.getElementsByTagName('input')[i];
   
      if(elem.getAttribute ('type') == 'checkbox')
      {
         elem.checked = set;
      }
   }
}
//-->
</script>


<form name='formular' action="nachrichten_delete.php" method="POST">
<table id='checkboxen'>
  <tr>
    <td><input type="checkbox" name="1"></td>
    <td><a href="test.php">Titel</a></td>
    <td><a href="test.php">User</a></td>
  </tr>
  <tr>
    <td><input type="checkbox" name="2"></td>
    <td><a href="test2.php">Titel2</a></td>
    <td><a href="test2.php">User2</a></td>
  </tr>
  <tr>
    <td colspan="2"><input type="checkbox" name="all" id ='all' onClick="selectAll()">alle</td>
    <td><input type="submit" value="Löschen"></td>
  </tr>
</table>
</form>

</body>
</html>

Grüße
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück