title: onchange function for switchery elements
body: <p>When I am using the function initSwitchery2, I am not being able to change the text for .js-check-change-field-7 for onchange event when .js-switch-7 is checked.</p>
  
  <pre><code>$(document).ready(function() {
      handleSwitcheryElements();
  });
  
  
  function initSwitchery2($class, $color, $speed, $size, $secondarycolor, $class2) {
      var elems = Array.prototype.slice.call(document.querySelectorAll($class));
      var changeFields = Array.prototype.slice.call(document.querySelectorAll($class2));
          elems.forEach(function(el) {
                  if ($(el).data('switchery') != true) {
                      new Switchery(el,  { color: $color, speed: $speed, size: $size, secondaryColor: $secondarycolor });
                  }
              });
          elems.onchange = function() {
                  if ($($class).is(':checked')) {
                      changeFields.innerText = "Afficher";
                      $($class2).removeClass("btn-danger").addClass("btn-success");
                  } else {
                      changeFields.innerText = "Masquer";
                      $($class2).removeClass("btn-success").addClass("btn-danger");
                  }
              };
          }
  
  
  handleSwitcheryElements = function() {
      initSwitchery2('.js-switch-7', '#00ACAC', '0.3s', 'small', '#ff5b57', '.js-check-change-field-7');
  };
  
  
  --html--
  
  &lt;input type="checkbox" data-render="switchery" data-theme="blue" class="js-switch-7 text-right" data-change="check-switchery-state-text" /&gt;
  &lt;a href="#" class="btn btn-xs btn-danger disabled m-l-5 js-check-change-field-7" data-id="switchery-state-text"&gt;Masquer&lt;/a&gt;
  </code></pre>