`

jquery ajax 提交checkbox数组的方法

 
阅读更多
什么是二次开发?
在linux系统Centos版本中yum安装和卸载软件的使用方法
 

直接上代码,主要是获取checkbox值的方法:将其放到数组中,然后连接成字符串

var selectedItems = new Array();
$(“input[@name='itemSelect[]‘]:checked”).each(function() {selectedItems.push($(this).val());});

if (selectedItems .length == 0)
alert(“Please select item(s) to delete.”);
else
$.ajax({
type: “POST”,
url: “/ajax_do_something.php”,
data: “items=” + selectedItems.join(‘|’),
dataType: “text”,
success: function (request) {
document.location.reload();
},
error: function(request,error){
alert(‘Error deleting item(s), try again later.’);
}
}
);

分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能...

    jQuery操作checkbox

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery...

    jquery之checkbox操作(v1.0.0)

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项...

    jquery获取checkbox选中的值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在本场景中,我们关注的是如何使用jQuery来处理HTML中的复选框(checkbox)元素,尤其是获取选中的值、实现全选、取消...

    jquery、js操作checkbox全选反选.docx

    - **解析**:首先使用`:checked`过滤器来获取所有已选中的Checkbox,然后使用`map()`方法获取每个Checkbox的值,并通过`get()`方法转换为数组,最后使用`join(',')`方法将数组转换为字符串。 #### 五、使用纯...

    jquery带有CheckBox的树

    在IT行业中,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本文将详细讲解如何利用jQuery创建一个带有CheckBox的树形结构,这在许多项目中,如网站导航、数据管理或...

    css+jquery带checkbox的输入框可模糊查询

    jQuery则是一个强大的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在这个案例中,jQuery被用来监听输入框的输入事件,实现模糊查询的功能。当用户在输入框中输入文字时,jQuery...

    jquery获取checkbox的值并post提交

    在本示例中,我们探讨了如何使用jQuery获取复选框(checkbox)的值,并通过POST方法将其提交到服务器。这个功能在数据选择、用户确认操作或表单提交等场景中非常常见。 首先,HTML部分创建了一个包含四个值为1、2、...

    JQuery对checkbox的操作 (01).zip

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本教程将深入探讨jQuery如何对HTML中的checkbox元素进行操作,以提高用户体验和页面交互性。 首先,我们...

    jsp实现checkbox的ajax传值实例.docx

    接着,我们使用jQuery的`$.ajax`方法发送POST请求到`up-ajx.jsp`,在后台通过`Request.Form("atitle")`来获取这些值。 在`up-ajx.jsp`中,你可以使用以下代码来获取和处理传递的复选框值: ```java String[] ...

    jQuery ajax serialize()方法的使用以及常见问题解决

    在这种情况下,可以使用`serializeArray()`方法,它返回一个包含`name`和`value`对象的数组,便于自定义处理。 5. **确保所有表单元素都有`name`属性** 为了使元素能够被`serialize()`方法正确处理,每个需要序列...

    jQuery 表单提交衣服尺寸选择勾选获取value值-20130720

    本知识点将详细讲解如何在jQuery中处理表单提交时的衣服尺寸选择,特别是如何获取勾选选项的value值。 在表单设计中,衣服尺寸通常作为多选或单选按钮来实现,用户可以根据需要选择合适的尺寸。在jQuery中,我们...

    jquery数组之存放checkbox全选值示例代码

    在jQuery中,可以通过`.prop()`方法来获取或设置这个属性,但在上述示例中,使用的是`.attr()`方法来操作`checked`属性。 7. JavaScript条件判断:在`show()`函数中,使用`if`语句对`strIds`数组的长度进行判断。...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨如何使用jQuery封装Select、Checkbox和Radio元素,以提高前端开发效率并确保跨浏览器兼容性。 ...

    jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

    然而,传统的表单提交方法可能会导致用户体验上的不便,特别是当页面需要重新加载以显示新的信息时。引入Ajax技术后,开发者可以实现无需刷新页面即可与服务器异步通信的功能,从而大大提升用户体验。 知识点1:复...

    jquery获取一组checkbox的值(实例代码)

    本文将介绍如何利用jQuery来获取一组复选框(checkbox)中被勾选的项的值,并通过实例代码演示实现方法。此知识点适用于希望通过jQuery来简化JavaScript操作的web开发人员,特别是那些熟悉或希望使用jQuery进行DOM...

    springMvc 前端用json的方式向后台传递对象数组方法

    前端使用jQuery遍历数据,创建JSON对象数组,并通过Ajax异步请求发送到后台。后台使用`@RequestBody`接收JSON数据,转换为Java对象,处理业务逻辑后返回响应。这个过程涉及到的知识点包括:JSON序列化与反序列化、...

    jquery获取多个checkbox的值异步提交给php的方法

    4. AJAX异步请求:通过jQuery的$.post方法,将数据对象以POST方式发送到服务器。这里的pUrl是目标PHP文件的URL地址。回调函数用于处理服务器返回的数据,包括成功和失败的提示。 5. PHP后端处理:接收POST数据中的...

    jQuery 实现批量提交表格多行数据的方法

    - 在提交按钮的点击事件中,首先检查 `list` 是否为空,然后调用 `$.ajax()` 进行异步请求,将数据提交到后台。这里的 `data: {"list[]": list}` 将数组作为参数传递,后端可以解析为数组。 5. **后台处理**: - ...

    jquery获取所有选中的checkbox实现代码

    在HTML中,复选框通常通过`<input type="checkbox">`标签来定义,并且可以为它们设置一个name属性,以便在表单提交时能以name为键将多个复选框的值作为数组提交。 文档中提到的jQuery代码使用了`:checkbox`选择器,...

Global site tag (gtag.js) - Google Analytics