Javascript 谷歌自定义搜索两个单选按钮

这是我用于自定义搜索的代码

<div id="cse-search-form" style="width: 100%;">Loading</div>
<script src="http://www.google.com.pk/jsapi" type="text/javascript"></script>
<script type="text/javascript"> 
google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
$('input[@name=sr]').change(function() {
 if ($("input[@name=sr]:checked").val() == 'kw')              
    var qval = "kw"

 else 
    var qval = "gw"

});
google.setOnLoadCallback(function() {
var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
  '009317721292264254327:ce_olwjr2z4', customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);  
var qval = $("input[@name=sr]:checked").val();
var options = new google.search.DrawOptions();
options.setAutoComplete(true);  
options.enableSearchboxOnly("http://www.alhudapk.com/audios/search.html", qval);
customSearchControl.draw('cse-search-form', options);
}, true); 
</script>
<div style="margin-top: 10px;">
<input type="radio" name="sr" id="kw" value="kw" checked="checked"  />Audio
<input type="radio" name="sr" id="gw" value="gw" / >Web
</div>
<style type="text/css">
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #D9D9D9;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #2F5BB7;
background-color: #357AE8;
background-image: none;
filter: none;
}
.gsc-search-box {
margin-top: -5px !important; 
margin-bottom: -5px !important;
}

</style>

加载
load（'search'，'1'，{language'en'，style:google.loader.themes.V2_DEFAULT}）；
$（'input[@name=sr]'）。更改（函数（）{
如果（$（$（输入[@name=sr]：已选中”）.val（）=='kw'）
var qval=“千瓦”
其他的
var qval=“gw”
});
setOnLoadCallback（函数（）{
var customSearchOptions={}；var customSearchControl=new google.search.customSearchControl(
“009317721292264254327:ce_olwjr2z4”，自定义搜索选项）；
customSearchControl.setResultSetSize（google.search.search.FILTERED\u CSE\u RESULTSET）；
var qval=$（“输入[@name=sr]：选中”）.val（）；
var options=new google.search.DrawOptions（）；
选项。设置自动完成（true）；
选项。仅启用搜索框（“http://www.alhudapk.com/audios/search.html“，qval）；
customSearchControl.draw（'cse-search-form'，选项）；
}，对）；
音频
网状物
input.gsc-input、.gsc输入框、.gsc输入框悬停、.gsc输入框焦点{
边框颜色：#D9D9D9；
}
input.gsc-search-button，输入。gsc搜索按钮：悬停，输入。gsc搜索按钮：焦点{
边框颜色：#2F5BB7；
背景色：357AE8；
背景图像：无；
过滤器：无；
}
.gsc搜索框{
页边距顶部：-5px！重要；
页边距底部：-5px！重要；
}

我只需要一个简单的结果，即

如果radio1被选中

search.html？kw=mysearch关键字

如果选中radio2？gw=mysearchkeyword

原因是，对于“kw”，我使用自己的个人搜索 对于谷歌网页搜索，我需要“gw”参数来通过url，请帮助

我的代码在页面加载后不工作，它只工作一次，但在页面加载后不会更改任何值

某些问题：

1）语法错误：

input[@name=sr]

必须是

input[name$=sr]

：

2）局部变量

qvar

没有意义

3）

选项。每次单选按钮更改时必须仅调用EnableSearchBox

：

请尝试以下方法：

        <script type="text/javascript">
            google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
            google.setOnLoadCallback(function() {
               var customSearchOptions = {};

               var customSearchControl = new google.search.CustomSearchControl(
                   '009317721292264254327:ce_olwjr2z4', customSearchOptions);
               customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);  

               var options = new google.search.DrawOptions();
               options.enableSearchboxOnly("http://www.alhudapk.com/audios/search.html",
                                          $("input[name$=sr]:checked").val() );
               options.setAutoComplete(true);  
               customSearchControl.draw('cse-search-form', options);

               $('input[name$=sr]').change(function() {
                   options.enableSearchboxOnly("http://www.alhudapk.com/audios/search.html",
                     $("input[name$=sr]:checked").val() );
                   customSearchControl.draw('cse-search-form', options);
              });

            }, true); 
       </script>

load（'search'，'1'，{language'en'，style:google.loader.themes.V2_DEFAULT}）；
setOnLoadCallback（函数（）{
var customSearchOptions={}；
var customSearchControl=new google.search.customSearchControl(
“009317721292264254327:ce_olwjr2z4”，自定义搜索选项）；
customSearchControl.setResultSetSize（google.search.search.FILTERED\u CSE\u RESULTSET）；
var options=new google.search.DrawOptions（）；
选项。仅启用搜索框（“http://www.alhudapk.com/audios/search.html",
$（“输入[name$=sr]：选中”）.val（）；
选项。设置自动完成（true）；
customSearchControl.draw（'cse-search-form'，选项）；
$（'input[name$=sr]'）。更改（函数（）{
选项。仅启用搜索框（“http://www.alhudapk.com/audios/search.html",
$（“输入[name$=sr]：选中”）.val（）；
customSearchControl.draw（'cse-search-form'，选项）；
});
}，对）；

非常感谢您，但是。。！我的问题仍然存在于url中变量未更改任何单选按钮我在url中选择的变量保持不变搜索。html？kw=mykeywordLook此处尝试使用单选按钮搜索任何内容，结果将相同应该是搜索。html？kw=keyword和search.html？gw=keyword希望您现在明白我的观点