изменить действие формы с помощью переключателей

Question

Я хотел бы реализовать что-то похожее на поиск в Google с переключателями.В зависимости от выбранного переключателя будет меняться тип поиска (поиск, изображения, видео и т. Д.).

Прямо сейчас у меня есть:

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

Однако нажатие на переключатели не меняет действие формы.Есть идеи?

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