How to submit the checkbox value to the background using ajax-HTML Knowledge-php.cn

How to submit the checkbox value to the background using ajax

藏色散人

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

Original

6641 people have browsed it

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>

Copy after login

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

Copy after login

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!