如何利用数组结构传递复选框货号和数量信息？

利用数组结构传递复选框货号和数量信息

在 html 页面中，您需要一组 no 名称的复选框，其 value 属性分别表示货号，复选框后面的文本表示数量。您的目标是将这两个信息收集到一个数据结构中，以便发送到后端。

使用 javascript，您可以通过遍历选中的复选框，然后为每个复选框创建一个包含其货号和数量的对象。这些对象将被推送到一个数组 $arr 中。

以下代码示例演示了如何实现此功能：

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(); // post data={'data':$arr};
});

在这个代码片段中，$btn 表示一个触发此功能的按钮，$arr 是用于存储对象的数据结构。当您单击按钮时，它会遍历选中的复选框并为每个复选框创建一个包含其货号和数量的对象。这些对象被推送到 $arr 数组中，然后通过 ajax 发送到后端。

使用数组作为数据结构是一个合适的选择，因为它允许您一次传递多个对象，并且在后端将这些对象转换为更适合的表示形式很容易。

以上就是如何利用数组结构传递复选框货号和数量信息？的详细内容，更多请关注其它相关文章！