javascript - Jquery - 如何以 html 形式存储选中的项目并将其返回到数组中？

Question

想象我们有这样的页面:

<button id="del"><i  class="fa fa-trash-alt"></i></button>

<input type="checkbox" class="del_list" value="1"/>

<input type="checkbox" class="del_list" value="2"/>

<input type="checkbox" class="del_list" value="3"/>

现在我想构建一个 jquery 函数，如果选中该复选框，它可以让我存储 del_list 类的值。我希望通过单击 del 按钮来触发此函数。

我开发了这样的jquery函数，但它不起作用。

$("#del").click(function ()
{
  vals = [];
  $(".del_list").each(function ()
  {
    if($(this).is(":checked"))
    {
      vals.push($(this).val());
    }
  });
  alert(vals);
});

我想将 vals 数组发送到 php 表单，以删除我工作中选中的内容。如果有任何其他答案或解决方案，并且在 php 或 javascript 中进行尽可能少的更改，请告诉我。

非常感谢您的帮助

Answer 1

$("#del").click(function ()
    {
      data = [];
      $(".del_list").each(function ()
      {
        if($(this).is(":checked"))
        {
          data.push($(this).val());
        }
      });
      console.log(data);
      var url="http://localhost:8090";
     $.ajax({
          type: "POST",
          url: url,
          data: data,
          success: function(response){
          console.log("succes");
          },
          error: function(response){
          console.log(JSON.stringify(response));
          }
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="del">delete</button>
<input type="checkbox" class="del_list" value="1"/>

<input type="checkbox" class="del_list" value="2"/>

<input type="checkbox" class="del_list" value="3"/>

试试这个 使用 $.ajax 调用与 php 进行通信。