jquery array to string

Question

I am submitting the value of a form on click with jQuery Post function, Form is like

<form id="event-save" class="horizontal-form" name="event-save" action="">

<input type="text" id='event_1' name="event_1" />

<input type="text" id='event_2' name="event_2" />

<input type="text" id='event_3' name="event_3" />

// building check boxes dynamically from database table

<input type="checkbox" value="xyz_1" name="event_type[]" /> 

<input type="checkbox" value="xyz_2" name="event_type[]" />

<input type="checkbox" value="xyz_2" name="event_type[]" />

<input type="checkbox" value="xyz_1" name="event_type[]" />

</form>

I am receiving the values of form element with jQuery like

  var SavingData = '';
  SavingData += '&event_1='+jQuery('#event_1').val();
  SavingData += '&event_2='+jQuery('#event_2').val();
  SavingData += '&event_3='+jQuery('#event_3').val();


  jQuery.post("ajax/save_event.php",SavingData, function(){
              jQuery('#update_message').css("display","block");
      });

My question is how to send the data of only checked check boxes.

PeterKA · Accepted Answer · 2015-05-04 17:13:09Z

1

Try $('form').serialize(); only name/value pairs of checked checkboxes will be captured.

DEMO

$('#check').on('click', function() {
  var SavingData = $('form').serialize();
  alert( SavingData );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id="event-save" class="horizontal-form" name="event-save" action="">

<input type="text" id='event_1' name="event_1" />

<input type="text" id='event_2' name="event_2" />

<input type="text" id='event_3' name="event_3" />

<br>
  
<input type="checkbox" value="xyz_1" name="event_type[]" /> 

<input type="checkbox" value="xyz_2" name="event_type[]" />

<input type="checkbox" value="xyz_2" name="event_type[]" />

<input type="checkbox" value="xyz_1" name="event_type[]" />

</form>

<button id="check">Check</button>

edited May 4, 2015 at 17:13

answered May 4, 2015 at 17:07

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

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

Comments

Oka · Accepted Answer · 2015-05-04 17:07:47Z

0

Use can use jQuery's .serialize().

Example code, using $.ajax():

$.ajax({
    url: 'my/url.php',
    type: 'POST',
    data: $('form').serialize(),    
    success: function (data) {...}
});

answered May 4, 2015 at 17:07

Oka

27k7 gold badges51 silver badges59 bronze badges

Collectives™ on Stack Overflow

jquery array to string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related