2016-05-30 3 views
1

Ich bin neu in Javascript, und ich muss ein Skript machen, das ein paar Aktionen auf alle aktivierten Kästchen, ich weiß nicht, wie man bestimmt, welche Kontrollkästchen mit Javascript aktiviert sind, so kann ich eine Aktion onClick anwenden , irgendeine Hilfe?Wie kann JavaScript Aktionen auf alle aktivierten Checkboxen anwenden?

+2

http://stackoverflow.com/questions/8563240/how-to-get-all-checked-checkboxes – Sinto

+0

Vielen Dank für die Antwort, aber wie eine Aktion zu machen dieses Element, nachdem ich weiß, dass es überprüft wird? –

+0

Verwenden Sie Ajax-Code in js, übergeben Sie ausgewählte Kontrollkästchen Werte an eine PHP-Funktion & dort können Sie die Aktion ausführen. – Sinto

Antwort

0

Versuchen Sie folgendes:

<html> 
<head> 
    <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
    <style> 
     body { font-family: 'Roboto', serif; font-smooth: never; -webkit-font-smoothing : none; } 
     #select-all { margin-right:10px } 
     label { display: block } 
     label:hover { cursor: pointer } 
     input[type="submit"] { margin-top:20px } 
    </style> 

</head> 
<body> 
<form id="form" action="" method="post"> 
    <label for="select-all"><input id="select-all" type="checkbox" />Check all</label> 
    <br> 

    <label> 
     <input type="checkbox" name="checkboxes[]" value="checkbox1" /> CheckBox 1 
    </label> 
    <label> 
     <input type="checkbox" name="checkboxes[]" value="checkbox2" /> CheckBox 2 
    </label> 
    <input name="send" type="submit" value="Send"> 
</form> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#select-all').click(function (event) { 
      if (this.checked) { 
       $(':checkbox').prop('checked', true); 
      } else { 
       $(':checkbox').prop('checked', false); 
      } 
     }); 
    }); 
</script> 
    </body> 
</html> 

<?php 
if ($_POST['checkboxes']) 
{ 
    echo "<pre>"; 
    print_r($_POST['checkboxes']); 
    echo "</pre>"; 
} 
elseif (!$_POST['checkboxes']) 
{ 
    echo "Nothing selected."; 
} 
?> 
Verwandte Themen