How to send multiple checkbox values through ajax

Question

Hi I have multiple banks which user can select one or multiple.I am sending data through ajax but the problem is I get the first bank selected when I dd my request,I want the value of every bank which has been selected by the user. below is my code.I have different other components as well.

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 () {

        },
    });
});

Lessmore · Accepted Answer · 2021-07-13 06:31:17Z

1

Use array for name of checkboxes name="banks[]"

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

answered Jul 13, 2021 at 6:31

Lessmore

1,0911 gold badge8 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to send multiple checkbox values through ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related