Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: HTML формы помогите (перейти на урл соотв. радиокнопке)
цитата
10/09/09 в 08:35
 Vyacheslav
Имеем 3 радиокнопки и соответственно 3 урла. При нажатии на кнопку САБМИТ форомы мы переходим на 1,2 или третий урл, в зависимости от того, какая из радиокнопок выбрана. Как с мимнимальным кодом реализовать в HTML форме такой интерфейс?
цитата
10/09/09 в 10:08
 Alexandur
Самое простое - обойтись без сабмита

Код:

<input type="radio" name="ied" onclick="document.location.href='http://dfgfdhg.com/'" /> dfgdfgdfg
<input type="radio" name="ied" onclick="document.location.href='http://fdhg.ru/'" /> dfgdf
...


Если же сабмит обязателен, нужно обрабатывать массив радио-кнопок:
http://www.javascriptkit.com/javatutors/radiocheck3.shtml
цитата
10/09/09 в 10:22
 Corex
C сабмитом:

Код:
<script language="JavaScript">
function redir(obj)
{
   for(i=0; i<obj.childNodes.length; i++)
   {
      if(obj.childNodes[i].type == 'radio' && obj.childNodes[i].checked == true)
      {
         document.location.href= obj.childNodes[i].value;
      }
   }
   return false;
}
</script>

<form onSubmit="return redir(this);">
   <input type="radio" name="url" value="http://www.google.ru" />Google<br />
   <input type="radio" name="url" value="http://www.ya.ru" />Yandex<br />
   <input type="radio" name="url" value="http://www.bing.com" />Bing<br /><br />
   <input type="submit" />
</form>
цитата
10/09/09 в 11:41
 Yacc
Код:
<script language="javascript">
var se;
var google="http://google.com";
var yahoo="http://yahoo.com";
var bing="http://bing.com";
</script>

<form onsubmit="window.location=se; return false;">
<input type="radio" name="rb" onclick="se=google">google<br>
<input type="radio" name="rb" onclick="se=yahoo">yahoo<br>
<input type="radio" name="rb" onclick="se=bing">bing<br>
<input type="submit" value="Submit">
</form>


Эта страница в полной версии