How to create toggle button in jquery to update your thingspeak channel?

Hi Team

Can any mate, help me i want to create a 1 button to toggle when it turn on and off. But it must be able to read an update field from my thingspeak channel. I have tried the followin

<label for='opt2'></label>
<input type='checkbox' name='opt2' id='opt2' value='1' class='toggleswitch' />
  // on click button toggle.
  $(document).ready(function($) {
  $('.toggleswitch').toggleSwitch();
  $("#opt2").trigger("click"); // turn it on
    if($(mainParent).find('input.toggleswitch').is(':checked')){
      window.open('https://api.thingspeak.com/update?api_key=XXX&field8=1');
    }
    
});

g both HTML and Jquery no luck.