jQuery选择所有选中的值 并使用Ajax异步提交数据

昨天和朋友一起做后台管理系统项目的时候，涉及到复选框的批量操作。如果用提交表单提交比较方便的话，用jQuery结合Ajax异步提交数据会有点麻烦，因为我之前做的项目中基本没有使用Ajax批量提交复选框数据，所以今天用的时候就分享一下。

因为我的项目有些部分比较复杂，这里我只举一个小例子，我能理解。

首先，我制作了一个带有多个复选框的简单界面，如图所示：

这是一个提交多个复选框的相对简单的界面。代码如下：

Body div输入类型=' checkbox ' name=' Check ' value=' 1 '/checkbox 1 input type=' checkbox ' name=' Check ' value=' 2 '/checkbox 2 input type=' checkbox ' name=' Check ' value=' 3 '/checkbox 3 br/输入类型=' checkbox ' name=' checky ' value=' 4 '/checkbox 4 input type=' checky ' value=' 5 '/checkbox 5 input type=' checkbox ' name=' Check ' value=' 6 '/复选框6 br/input type=' Check box ' name=' Check ' value=' 7 '/Check box 7 input type=' Check box ' name=' Check ' value=' 8 '/Check box 8 input type=' Check ' name=' Check ' value=' 9 '/Check box 9 input type=' button ' id=' dosubmit ' value=' submit '/div/body然后开始编写jQuery程序。 代码如下：

脚本$('#dosubmit ')。单击(function(){ var CheckID={ }；//定义一个空数组$(' input[name=' check ']: checked ')。每个(函数(I){//将所有选中复选框的值存储在数组checkID[i]=$(this)中。val()；});//传递参数$。用ajax发布(“. ajax.php”，{checkid:checked}，函数(JSON) {}，“' JSON')}。/script注意：写jQuery之前一定要介绍一下JQ库文件，不然会没用的，不要大意，我有时候就是这样做的。

好了，一切准备工作都做好了。开始测试：

我首先选择了几个盒子：

点击“提交”按钮，然后打开F12调试，结果如图所示：

好了，现在已经实现了使用jQuery结合Ajax批量操作复选框提交数据。下面是一个结合Ajax使用jQuery的简单演示，界面和代码会更简单。

以上jQuery选择所有选中值，用Ajax异步提交数据的例子，就是边肖和大家分享的全部内容，希望能给大家一个参考和支持。