在加载和更改时运行脚本

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>