suchen

Heim  >  Artikel  >  tägliche Programmierung  >  So senden Sie den Kontrollkästchenwert mithilfe von Ajax an den Hintergrund

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

藏色散人
藏色散人Original
2018-11-19 15:57:246612Durchsuche

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>

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();

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So erhalten Sie den ausgewählten Wert eines Kontrollkästchens in jqueryNächster Artikel：So erhalten Sie den ausgewählten Wert eines Kontrollkästchens in jquery

In Verbindung stehende Artikel

Mehr sehen