在加载和更改时运行脚本

时间:2013-04-03 13:39:24

标签: javascript jquery search

所以我创建了一个谷歌自定义搜索,其复选框在选中时会导致使用不同的谷歌自定义搜索,这是我正在使用的代码,这是我的问题。我不知道当我点击搜索时脚本是否运行,因此没有得到新的更改。因此,当我选中该框时,我希望脚本重新运行,但我也在加载时运行脚本。

    <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>

1 个答案:

答案 0 :(得分:0)

在加载时运行函数:

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>