Getting checkbox values and forming query params
HTML
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="1" />
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="2" />
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="3" />
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="4" />
<input type="checkbox" class="checkJobToSend" name="checkJOb" value="5" />
<input type="checkbox" class="checkJobToSend" name="wwwww" value="www" />
<button class="submit">Submit</button>
<p class="output"></p>
JavaScript
$('button.submit').click(function () {
var checked = $('input[type="checkbox"].checkJobToSend:checked'); // get checked values
var checkedValues = [];
checked.each(function (i) {
checkedValues.push(checked[i].value); // add checked values to our temporary list
});
var queryParam = 'reqpage=2&job_category_id=2&checkJob=' + checkedValues.join(','); // create query param
$('.output').html('Query param is: "' + queryParam + '"'); // verify output
});