Rumah > Artikel > pengaturcaraan harian > 如何用ajax提交复选框的值到后台
如何用ajax提交复选框的值到后台
- 藏色散人asal
- 2018-11-19 15:57:246603semak imbas
本篇文章主要给大家介绍如何用ajax提交复选框的值到后台。
在前面的文章中已经给大家介绍了用jQuery获取复选框选中的值的方法，那么我们如何将获取到的值提交到后台呢？
下面我们就结合具体的示例为大家介绍用ajax提交复选框的值到后台的方法。
前端代码如下：
<!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 = [];
$('input[name="test"]:checked').each(function () {
chk_value.push($(this).val());
});
$.ajax({
type: "post",
url: "form.php",
data: {
"data": chk_value,
},
})
}
</script>
</html>注：type表示的是提交的类型，这里以post方式提交；
url表示要将数据提交到的位置，这里是form.php；
data表示提交的数据（值）。
后端代码form.php如下：
<?php $date=$_POST();
前台页面如下：
当我们选中选项点击提交时，前台的数据就会别提交到form.php。
那么我们就可以通过xdebug来检查，前台数据是否被提交到了后台。
如下图所示，成功获取到了前台复选框选中的值并且提交到了后台。
本篇文章就是关于用ajax提交复选框的值到后台的具体方法介绍，具有一定的参考价值，希望对需要的朋友有所帮助！
Atas ialah kandungan terperinci 如何用ajax提交复选框的值到后台. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery如何获取复选框选中的值Artikel seterusnya：jQuery怎么删除元素节点