如何使用 jQuery 获取勾选框的货号和数量并将其传递给后端?

如何使用 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 获取勾选框的货号和数量并将其传递给后端?的详细内容,更多请关注其它相关文章!