Wählen Sie Alle Kontrollkästchen

Ich habe eine Webseite, mit der Suchergebnisse in einer Tabelle/Formular. Ich möchte das alle auswählen Kontrollkästchen, das würde alle auswählen die Kontrollkästchen für die Suchergebnisse. Mein code für die Anzeige der Ergebnisse finden Sie unten:

<form action="noJavaScript.php" name="theForm" method="post">
<table style="border: 1px solid black" RULES=ALL FRAME=VSIDES>
<th> </th><th>Order #</th><th>Inspector</th><th>Reference #</th><th>Client Name</th><th>Property Address</th><th>City</th><th>State</th><th>Zip</th><th>Inspection Date</th>
        <?php
            while ($row = mysql_fetch_assoc($result))
            {
                echo '<tr><td>';
                echo '<input type="checkbox" name="selected[]" value="'.$row['order_number'].'"/>';
                echo '</td>';
                foreach ($row as $key => $value)
                    echo '<td>'.htmlspecialchars($value).'</td>';
                echo '</tr>';
            }
        ?>

    </table>
<input type="submit" name="submit" value="Edit/Modify Order" onClick="document.theForm.action='modify.php'">
<input type="submit" name="submit" value="Clone Order" onClick="document.theForm.action='clone.php'">
<input type="submit" name="submit" value="Delete Order" onClick="document.theForm.action='deleteorder.php'">
<input type="submit" name="submit" value="Archive Order" onClick="document.theForm.action='archive.php'">

</form>

Ich habe versucht mit der folgenden Funktion:

<script type="text/javascript"
<!--
function SetAllCheckBoxes(FormName, FieldName, CheckValue)
{
    if(!document.forms[FormName])
        return;
    var objCheckBoxes = document.forms[FormName].elements[FieldName];
    if(!objCheckBoxes)
        return;
    var countCheckBoxes = objCheckBoxes.length;
    if(!countCheckBoxes)
        objCheckBoxes.checked = CheckValue;
    else
        //set the check value for all check boxes
        for(var i = 0; i < countCheckBoxes; i++)
            objCheckBoxes[i].checked = CheckValue;
}
//-->
</script>

Und den button wie dieser:

        <input type="button" onclick="SetAllCheckBoxes('theForm', 'myCheckbox', true);" value="Check All">;

Aber ich kann nicht ankommen es zu wirken.

  • Was bedeutet myCheckbox finden? Sie nicht den Namen der Checkboxen als solche.
  • JavaScript funktioniert auf client-Seite; daher die php-ist irrelevant. Kannst du ein repräsentatives Beispiel des gerenderten html?
  • Auch wenn ich "myCheckbox" zu dem, was ich die Namen meiner Checkboxen, es funktioniert immer noch nicht.
  • Es funktioniert. jsfiddle.net/KbkZk
  • Wo ist der Check All button? Ich will nicht alle Aufträge ausgewählt, sofort. Ich möchte einen button "Check All", dass, wenn der Benutzer auf diese Schaltfläche klickt, dann wird es markieren Sie alle Checkboxen in den Ergebnissen.
  • Dann, statt ihn sofort auszuführen, binden Sie eine Funktion der Taste wie jsfiddle.net/KbkZk/1.
  • Ich habe versucht, die in den letzten link den du gepostet aber ich bekomme diese Fehlermeldung: Uncaught TypeError: Cannot set property 'onclick' null

InformationsquelleAutor James | 2011-08-31
  1. 1

    Hinzufügen einer Klasse zu jedem checkbox-input.

    echo '<input type="checkbox" name="selected[]" value="'.$row['order_number'].'" class="yourclass" />';

    Dann in javascript iteriert über alle input-Felder in der docment und prüfen, ob Sie beide type="checkbox" und class="yourclass". Und alle von Ihnen ÜBERPRÜFT!

    InformationsquelleAutor s.webbandit
  2. 1

    Können Sie jquery verwenden um dies in einfacher Weise

    $("form input:checkbox").attr('checked','true');
    InformationsquelleAutor Sathish Kumar
  3. 1
    var form = document.getElementsById('form_id');
var checkBoxes = form.getElementsByTagName('input');
for (var i in checkBoxes)
{
   if (checkBoxes[i].type=="checkbox")
      checkBoxes[i].checked = true; 
}
    InformationsquelleAutor ZigZag
  4. 0

    Beste Lösung 4 u ist ein Jquery-Skript

    /*Unik Checkbox to mark/desmark other checkboxes*/
<input type="checkbox" onclick="selectAllCheckBoxes(this)" id="checkBoxUnik"/>

/*Several other Checkboxes inside loop*/
<input type="checkbox" onclick="unselectCheckBoxUnik()" class="checkBoxInLoop" />

<script>
    function selectAllCheckBoxes(obj){
        $('input:checkbox:not(:disabled).checkBoxInLoop').prop('checked', jQuery(obj).prop('checked'));
    }

    function unselectCheckBoxUnik(){

        /*first you verify if the quantity of checkboxes equals number of checkboxes*/
        a = $('input:checkbox:not(:disabled).checkBoxInLoop:checked').size();
        b = $('input:checkbox:not(:disabled).checkBoxInLoop').size();

        /*if equals, mark a checkBoxUnik*/
        ((a == b)? $('#checkBoxUnik').prop("checked", true) : $('#checkBoxUnik').prop("checked", false));
    }
</script>
    InformationsquelleAutor elciospy
Schreibe einen Kommentar