首页 > 解决方案 > 如何通过ajax发送多个复选框值

问题描述

嗨,我有多家银行,用户可以选择一个或多个。我通过 ajax 发送数据,但问题是我在 dd 请求时选择了第一家银行,我想要用户选择的每家银行的价值。下面是我的代码。我也有不同的其他组件。

bankSelector.blade

                    <input
                        id="bank_{{$item['code']}}"
                        name="banks"
                        class="form-check-input bank"
                        type="checkbox"
                        value="{{$item['code']}}"
                        checked/>

ajax.js

              $('form').submit(function(e){
              e.preventDefault();
              let formData = new FormData(this)
            
        $.ajax({
          url: "/product/save",
          type: "POST",
          data: formData,
          contentType: false,
          processData: false,
          headers: {
            "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
          },
          success: function (data) {

            // show("#step8");
          },
          error: function () {

        },
    });
});

标签: phpajaxcheckbox

解决方案


使用数组作为复选框的名称name="banks[]"

<input
                        id="bank_{{$item['code']}}"
                        name="banks[]"
                        class="form-check-input bank"
                        type="checkbox"
                        value="{{$item['code']}}"
                        checked/>

推荐阅读