Question

我有这个代码，其中有几个radiobuttones和一个输入框。我已经捕获了输入框值并添加到URL作为一个按钮的qurystring onclick。但我还需要捕获所选无线电的值，并将其作为查询字符串传递给网址。它应该如下所示：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/>

Answer 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
});

捕获无线电值并附加到查询字符串URL

1 个答案: