jQuery addClass example

Change class name on click in jQuery

by Dmitri Ganenco

HTML

<form id="message">
  <input type="checkbox" name="movies" value="Movies" id="Movies" /><label class="likeButton" for="Movies">Movies</label><br> <input type="checkbox" name="news" value="News" id="News" /><label class="likeButton" for="News">News</label><br>
  <input type="checkbox" name="sports" value="Sports" id="Sports" /><label class="likeButton" for="Sports">Sports</label></form>
<div class="button-center done">
  <a href="#">
    <p>DONE</p>
  </a>
</div>

JavaScript

$('.done').on('click', function() {

  var dataArray = $('#message').serializeArray();
  
  window.open('http://url.com?name=test&property=' + $.param( dataArray ));

});