So senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund-HTML-Kenntnisse-php.cn

So senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund

藏色散人

Freigeben： 2018-12-07 17:33:49

Original

6643 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von Ajax vorgestellt, um den Wert des Kontrollkästchens an den Hintergrund zu senden .

Im vorherigen Artikel haben wir Ihnen die Methode vorgestellt, mit jQuery den ausgewählten Wert des Kontrollkästchens zu erhalten Hintergrund?

Im Folgenden stellen wir die Methode zur Verwendung von Ajax zum Senden des Kontrollkästchenwerts an den Hintergrund anhand konkreter Beispiele vor.

Der Frontend-Code lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
    <input type="checkbox" name="test" value="0"/>0<br>
    <input type="checkbox" name="test" value="1"/>1<br>
    <input type="checkbox" name="test" value="2"/>2<br>
    <input type="checkbox" name="test" value="3"/>3<br>
    <input type="checkbox" name="test" value="4"/>4<br>
    <input type="checkbox" name="test" value="5"/>5<br>
    <input type="checkbox" name="test" value="6"/>6<br>
    <input type="checkbox" name="test" value="7"/>7<br>
    <input type="button" onclick="jqchk()" value="提 交"/>
</form>
</body>
<script src="./js/jquery-1.4.4.min.js"></script>
<script>
 function jqchk() { //jquery获取复选框值
 var chk_value = [];
 $(&#39;input[name="test"]:checked&#39;).each(function () {
            chk_value.push($(this).val());
 });
 $.ajax({
            type: "post",
 url: "form.php",
 data: {
                "data": chk_value,
 },
 })
    }
</script>
</html>

Nach dem Login kopieren

Hinweis: Typ stellt hier die Art der Einreichung dar es wird im Post-Modus übermittelt ;

URL stellt den Ort dar, an den die Daten übermittelt werden sollen, hier ist form.php

Daten<🎜; > stellt die übermittelten Daten (Wert) dar.

Der Back-End-Code form.php lautet wie folgt:

<?php
$date=$_POST();

Nach dem Login kopieren

Die Front-End-Seite lautet wie folgt:

So senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund

Wenn wir die Option auswählen und auf „Senden“ klicken, werden die Daten im Frontend an form.php übermittelt.

So senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund

Dann können wir mit xdebug prüfen, ob die Vordergrunddaten an den Hintergrund übermittelt wurden.

Wie in der Abbildung unten gezeigt, wurde der ausgewählte Wert des Vordergrund-Kontrollkästchens erfolgreich abgerufen und an den Hintergrund übermittelt.

So senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund

In diesem Artikel geht es um die spezifische Methode zum Senden des Kontrollkästchenwerts an den Hintergrund mithilfe von Ajax. Ich hoffe, dass er für Freunde in Not hilfreich ist !

Das obige ist der detaillierte Inhalt vonSo senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!