在加载和更改时运行脚本

Question

所以我正在创建一个带有复选框的google自定义搜索，当选中该复选框时，将导致使用不同的google自定义搜索，这是我正在使用的代码，这是我的问题。 我不知道该脚本是否在我点击搜索时运行，因此无法获得新的更改。 因此，当我选中该框时，我希望脚本再次重新运行，但是我还要在负载下运行什么脚本。

    <script>
    (function() {
     if (jQuery('#sota').is(':checked')) {var cx = '001285214241856463016:s82pvcctjhm';} else {var cx ='001285214241856463016:zrd6kn8chti';}
        var gcse = document.createElement('script');
        gcse.type = 'text/javascript';
        gcse.async = true;
        gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(gcse, s);
    })();
    </script>
    <form class="sech">
        <input id="sota" type="checkbox" name="vehicle" value="Bike">Search Only Technologies Available For Licensing
    </form>
    <gcse:search></gcse:search>

Answer 1

要在加载时运行功能：

window.onload = function() {
  //do stuff
}

要运行复选框

<input id="sota" type="checkbox" name="vehicle" value="Bike" onchange="chgFn(this)">
<script>
function chgFn(chkBox) {
  if(chkBox.checked){
      //do stuff
  }
}
</script>