如何使用 jQuery 获取勾选框的货号和数量并将其传递给后端?
利用 jquery 获取勾选框的货号和数量
为了从前端向后端传递勾选框的货号和数量,可以使用数据结构来存储这些信息。
jquery 代码:
var $arr = []; $btn.on("click", function(e) { $(":checked").each(function(i, item) { $arr.push({ num: $(item).val(), count: $(item).siblings("input[type='text']").val() }); }); $.ajax({ type: "POST", data: { 'data': $arr } }); });
说明:
- $arr 数组用于存储货号和数量的对象。
- 使用 jquery 的 each() 方法遍历所有勾选的框。
- 获取每个勾选框的 value 属性(货号)和其相邻的文本输入框的 value 属性(数量)。
- 将这些信息存储在 $arr 中。
- 使用 jquery 的 ajax() 方法将 $arr 数组作为 json 数据发送到后端。
以上就是如何使用 jQuery 获取勾选框的货号和数量并将其传递给后端?的详细内容,更多请关注其它相关文章!