jQuery addClass example

Change class name on click in jQuery

HTML

<div>
  <p>
    <input type="checkbox" id="vk-checked" value="vkontakte">
    <span>
      <img src="">
    </span>
    <span>
      Вконтакте
    </span>
  </p>
  <p>
    <input type="checkbox" id="fb-checked" value="facebook">
    <span>
      <img src="">
    </span>
    <span>
      Facebook
    </span>
  </p>
  <p>
    <input type="checkbox" id="ok-checked" value="odnoklassniki">
    <span>
      <img src="">
    </span>
    <span>
      Одноклассники
    </span>
  </p>
</div>


<div class="ya-share2" data-services></div>

JavaScript

$(function() {
  var services = [];
  var $yaShare2 = $('.ya-share2');
	
  $('input[type="checkbox"]').change(function (e) {
    var currentVal = $(this).val()
    
    if ($(this).prop("checked")) {
      if (services.indexOf(currentVal) === -1) {
        services.push(currentVal);
      }
    } else {
      if (services.indexOf(currentVal) !== -1) {
        services = services.filter(key => key != currentVal)
      }
    }
    
    $yaShare2.attr('data-services', services.join());
  })
})