<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type = "text/javascript">
$(document).ready(function () {
$('#submitBtn').click (function() {
var selected = new Array();
$("input:checkbox[name=vehicle]:checked").each(function() {
selected.push($(this).val());
});
var selectedString = selected.join(",");
$.post("test.php", {selected: selected },
function(data){
$('.result').html(data);
});
});
});
</script>
<form name = "someForm" method = "post" action = "#">
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car<br/>
<input type="checkbox" name="vehicle" value="Aeroplane" /> I have an aeroplane<br />
<input type="checkbox" name="vehicle" value="Ship" /> I have a ship<br/>
<a href = "#" id = "submitBtn">Submit</a>
</form>
<div class = "result">
</div>
^^^ Works perfectly fine for me. I think you need to get rid of the explode.