Реклама на сайте Advertise with us

HTML формы помогите (перейти на урл соотв. радиокнопке)

Расширенный поиск по форуму
 
Новая тема Новая тема   
Автор
Поиск в теме:

нет судьбы

С нами с 27.03.03
Сообщения: 4427
Рейтинг: 4204


Передовик Master-X (16.07.2011) Передовик Master-X (16.10.2011) Передовик Master-X (01.11.2011) Передовик Master-X (16.11.2011) Передовик Master-X (01.01.2012) Ветеран трепа Master-X (16.02.2012)
Ссылка на сообщениеДобавлено: 10/09/09 в 08:35       Ответить с цитатойцитата 

Имеем 3 радиокнопки и соответственно 3 урла. При нажатии на кнопку САБМИТ форомы мы переходим на 1,2 или третий урл, в зависимости от того, какая из радиокнопок выбрана. Как с мимнимальным кодом реализовать в HTML форме такой интерфейс?

0
 



С нами с 01.04.07
Сообщения: 4378
Рейтинг: 2970

Ссылка на сообщениеДобавлено: 10/09/09 в 10:08       Ответить с цитатойцитата 

Самое простое - обойтись без сабмита

Код:

<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

0
 

« ... full on ... »

С нами с 17.03.07
Сообщения: 670
Рейтинг: 1686

Ссылка на сообщениеДобавлено: 10/09/09 в 10:22       Ответить с цитатойцитата 

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>

Power of the lime madness...

0
 



С нами с 09.03.09
Сообщения: 6053
Рейтинг: 3538


Передовик Master-X (01.11.2009) Передовик Master-X (16.11.2009) Передовик Master-X (01.02.2011) Передовик Master-X (01.12.2011) Передовик Master-X (16.12.2011) Ветеран трепа Master-X (01.01.2014)
Ссылка на сообщениеДобавлено: 10/09/09 в 11:41       Ответить с цитатойцитата 

Код:
<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>

0
 
Новая тема Новая тема   

Текстовая реклама в форме ответа
Заголовок и до четырех строчек текста
Длина текста до 350 символов
Купить рекламу в этом месте!


Перейти:  



Спонсор раздела Стань спонсором этого раздела!

Реклама на сайте Advertise with us

Опросы

Рецепт новогоднего блюда 2022



Обсудите на форуме обсудить (11)
все опросы »