捕获单选值并附加到查询字符串 URL答案

【问题标题】：capture radio value and append to the querystring URL捕获单选值并附加到查询字符串 URL
【发布时间】：2011-12-30 18:34:32
【问题描述】：

我有这段代码，其中有几个单选按钮和一个输入框。我已经捕获了输入框值并作为按钮的 qurystring onclick 添加到 URL。但我还需要捕获所选收音机的值并将其作为查询字符串传递给 url。它应该看起来像：http://mysite.com/events/SitePages/test1.aspx?kwd=InputBoxvalue&type=RadioValue

我该怎么做？

All<input name="EventRadio" type="radio" value="All"/>
Events<input name="EventRadio" type="radio" value="Events"/>
Classes<input name="EventRadio" type="radio" value="Classes"/>
<input name="keyword" type="text" id="EventSearchBox"/>
<input name="SearchButton" type="button" value="Search"
     onClick="location.href='http://mysite.com/events/SitePages/test1.aspx?kwd='+ document.getElementById('EventSearchBox').value; return false;"/><br/><br/>

【问题讨论】：

真的需要jQuery标签吗？

标签： javascript jquery url radio-button query-string

【解决方案1】：

<input name="SearchButton" type="button" value="Search"/>

而不是添加 onClick 属性，而是附加一个单击事件处理程序，例如

$("input[name='SearchButton']").click(function(e){
e.preventDefault();
var radioVal = $(":radio:selected").val();
location.href='http://mysite.com/events/SitePages/test1.aspx?kwd='+ document.getElementById('EventSearchBox').value+"&radioVal="+radioVal
});

【讨论】：