Перейти к содержимому



Определить выбранную радиокнопку

#1

Поделиться сообщением #1



Kuchuluk

Kuchuluk
  • Пользователь
  • 320 сообщений
  • Репутация: 5
0

Отправлено 09 Ноябрь 2013 - 23:07

при выборе радиокнопки с цветом нужно менять цвет текста.
<form>
  <input type="radio" name="cvet" value="red"> Красный<Br />
  <input type="radio" name="cvet" value="green"> Зеленый<Br />
  <input type="radio" name="cvet" value="blue"> Синий<Br />
  <input type="submit" value="Изменить цвет" onclick="changeCvet(); return false">
</form>
function changeCvet ()
  {
   var radios = $("input:radio", document.forms[0]);
  
   alert(radios.get(0).value);
  }
Но в значение radios.get(0).value попадает всегда red, то есть значение первой радиокнопки. Как определить какую именно радиокнопку выбрал пользователь?

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Поиск товара по сайту
  2. Как занести в базу значение радиокнопок и редактировать ?
  3. Пролинковка радиокнопок
  4. Php для системы радиокнопок.
  5. Разный контент для пользователей из разных регионов

#2

Поделиться сообщением #2



alexks24kz

alexks24kz
  • Неактивные
  • 65 сообщений
  • Репутация: 10

Отправлено 09 Ноябрь 2013 - 23:26

:radio:checked
  • 0

#3

Поделиться сообщением #3



fedornabilkin

fedornabilkin
  • Пользователь
  • 727 сообщений
  • Репутация: 102

Отправлено 10 Ноябрь 2013 - 08:18

radios.get(1).value
будет зеленым
  • 0
Как часто в горестной разлуке,В моей блуждающей судьбе, ФО, я думал о тебе.


#4

Поделиться сообщением #4



Kuchuluk

Kuchuluk
    Topic Starter
  • Пользователь
  • 320 сообщений
  • Репутация: 5

Отправлено 10 Ноябрь 2013 - 16:19

:radio:checked

отправка формы не происходит, поэтому он не становится checked

radios.get(1).value
будет зеленым

это понятно, что если я обращусь ко второму элементу массива, то он будет зеленым. А как обратиться к тому, именно который выбрали? Та радиокнопка, на которой поставили точку.
  • 0

#5

Поделиться сообщением #5



Kuchuluk

Kuchuluk
    Topic Starter
  • Пользователь
  • 320 сообщений
  • Репутация: 5

Отправлено 10 Ноябрь 2013 - 19:26

всё, разобрался. Так надо было оказывается
function changeCvet ()
  {
   var radios = $("input[name='cvet']:checked", document.forms[0]);
   if (radios.length == 0) alert("Цвет не выбран");
   alert("Цвет " + radios.get(0).value);
  }

  • 1


Оформление форума – IPBSkins.ru