Home >Daily Programming >HTML Knowledge >How to submit the checkbox value to the background using ajax

How to submit the checkbox value to the background using ajax

藏色散人Original: 2018-11-19 15:57:246639browse

This article mainly introduces how to use ajax to submit the value of the check box to the background.

In the previous article, we have introduced to you the method of using jQuery to obtain the value selected by the check box. So how do we submit the obtained value to the background?

Below we will introduce the method of using ajax to submit the check box value to the background with specific examples.

The front-end code is as follows:

<!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>

Note: type represents the type of submission, here it is submitted in post mode ;

url represents the location to which the data is to be submitted, here is form.php;

data represents the submitted data (value).

The back-end code form.php is as follows:

<?php
$date=$_POST();

The front-end page is as follows:

How to submit the checkbox value to the background using ajax

When we select the option and click submit, the front-end data will be submitted to form.php.

How to submit the checkbox value to the background using ajax

# Then we can use xdebug to check whether the foreground data has been submitted to the background.

As shown in the figure below, the selected value of the foreground check box is successfully obtained and submitted to the background.

How to submit the checkbox value to the background using ajax

This article is about the specific method of submitting the check box value to the background using ajax. It has certain reference value. I hope it will be helpful to friends in need!

The above is the detailed content of How to submit the checkbox value to the background using ajax. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to get the selected value of a checkbox in jqueryNext article：How to get the selected value of a checkbox in jquery

See more

How to submit the checkbox value to the background using ajax

Related articles