用单选按钮更改表单操作

Question

我希望实现类似于谷歌搜索并带有单选按钮的功能。根据所选单选按钮，会更改搜索类型（搜索、图片、视频等）。

目前我的代码是：

<div id ="searchtext">
 <form method="get" id ="searchbox" action="http://www.google.com/search"/>
 <input type="text" name="q" size="30" class="searchtext" maxlength="255" value="" />
 <input type="image" value="Search" class="searchbutton" src="images/searchbar/searchbutton.png"/> 

<br/>
</div>
<div id="radiosearch">
<input type="radio" name="radiosearch" onclick="document.searchbox.action='http://www.google.com/search?q=';" checked="checked"/> Web
<input type="radio" name="radiosearch" onclick="document.searchbox.action='http://images.google.com/images?q=';"/>Images
<input type="radio" name="radiosearch" onclick="document.searchbox.action='http://maps.google.com/maps?hl=en&amp;tab=wl?q=';"/>Maps
<input type="radio" name="radiosearch" onclick="document.searchbox.action='http://www.youtube.com/results?q=';"/>Youtube
<span class = "class1">
<a href ="" onclick="loadthepopup();" name ="radiosearch">Change Theme</a>
</span>
</div>

然而，点击单选框并没有改变表单操作。有什么想法吗？

- PeterL

Answer 1

尝试一下

<input type="radio" name="radiosearch" onclick="document.getElementById('searchbox').action='http://www.google.com/search?q=';" checked="checked"/> Web
<input type="radio" name="radiosearch" onclick="document.getElementById('searchbox').action='http://images.google.com/images?q=';"/>Images
<input type="radio" name="radiosearch" onclick="document.getElementById('searchbox').action='http://maps.google.com/maps?hl=en&amp;tab=wl?q=';"/>Maps
<input type="radio" name="radiosearch" onclick="document.getElementById('searchbox').action='http://www.youtube.com/results?q=';"/>Youtube

- Christian