【杂谈】如何用ajax提交复选框的值到背景
2019-11-18杂谈搜奇网49°c
A+ A-
本篇文章主要给人人引见如何用
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提交复选框的值到背景的细致要领引见,具有肯定的参考价值,愿望对须要的朋侪有所协助!
以上就是如何用ajax提交复选框的值到背景的细致内容,更多请关注ki4网别的相干文章!