PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Вернуть значение выбранной радиокнопки

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Ammiak	Отправлено: 29 Ноября, 2011 - 10:04:58
Частый гость Покинул форум Сообщений всего: 232 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	здравствуйте, есть несколько радиокнопок и за ними кнопка "Далее". Нужно по нажатию на "Далее" вернуть значение выбранной радиокнопки. Пробовал такой способ, но не получилось: CODE (html): скопировать код в буфер обмена <input type="radio" name="button" id="first" value="Первый" checked="checked" /><label for="first">Первый</label> <input type="radio" name="button" id="second" value="Второй"/><label for="second">Второй</label> <input type="radio" name="button" id="third" value="Третий"/><label for="third">Третий</label> <input type="submit" value="Далее" onclick="alert(radioObject.isChecked.value)" /> Подскажите пожалуйста, как можно это сделать? (Отредактировано автором: 29 Ноября, 2011 - 10:23:17)

EuGen	Отправлено: 29 Ноября, 2011 - 10:32:04
Профессионал Покинул форум Сообщений всего: 9095 Дата рег-ции: Июнь 2007 Откуда: Berlin Помог: 707 раз(а)	http://www[dot]somacon[dot]com/p143.php ----- Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.

Ammiak	Отправлено: 29 Ноября, 2011 - 17:04:22
Частый гость Покинул форум Сообщений всего: 232 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	EuGen, спасибо за ссылку, но не совсем разобрался вот с чем: количество кнопок как я понял, там подсчитывается с помощью radioObj.length. Но если я даже делаю так: CODE (javascript): скопировать код в буфер обмена <input type="submit" value="Далее" onclick="alert(radioObj.length);" /> в результате ничего не возвращается. Если можно объясните поподробнее, как лучше сделать, до этого юзал в основном jQuery, поэтому в чистом js не силен

Panoptik	Отправлено: 29 Ноября, 2011 - 17:20:15
Постоянный участник Покинул форум Сообщений всего: 2493 Дата рег-ции: Нояб. 2011 Откуда: Одесса, Украина Помог: 131 раз(а)	вообще если jquery подключена и вы с ней работали то можно сделать так: вот за 2 минуты настрелял CODE (htmlphp): скопировать код в буфер обмена <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="minatrix" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <title>Неназванный 7</title> </head> <body> <input value="3" type="radio" name="dd" /> <input value="4" type="radio" name="dd" /> <input value="6" type="radio" name="dd" /> <button onclick="show();">as</button> <script type="text/javascript"> function show() { $('input[name=dd]').each(function(){ if($(this).attr('checked')) { alert($(this).val()); } }); } </script> </body> </html> ----- Just do it

Ammiak	Отправлено: 29 Ноября, 2011 - 17:41:46
Частый гость Покинул форум Сообщений всего: 232 Дата рег-ции: Апр. 2011 Помог: 0 раз(а)	Panoptik, соглашусь, на jQuery это делается быстро, но всё-таки хотелось бы понять как можно это реализовать на чистом js

SAD	Отправлено: 29 Ноября, 2011 - 17:52:19
Постоянный участник Покинул форум Сообщений всего: 2508 Дата рег-ции: Май 2009 Откуда: Днепропетровск, Украина Помог: 75 раз(а)	Ammiak пишет: <input type="submit" value="Далее" onclick="alert(radioObj.length);" /> потому что у вас неопределено radioObj

Panoptik	Отправлено: 29 Ноября, 2011 - 23:08:11
Постоянный участник Покинул форум Сообщений всего: 2493 Дата рег-ции: Нояб. 2011 Откуда: Одесса, Украина Помог: 131 раз(а)	вот вариант на чистом javascript CODE (htmlphp): скопировать код в буфер обмена <input value="3" type="radio" name="dd" /> <input value="4" type="radio" name="dd" /> <input value="6" type="radio" name="dd" /> <input value="22" type="radio" name="dd2" /> <input value="42" type="radio" name="dd2" /> <input value="62" type="radio" name="dd2" /> <button onclick="show(1);">as</button> <button onclick="show(2);">as2</button> <script type="text/javascript"> function show(group) { var attrname; var attrcheck; var index; if(group == 1) { var name = 'dd'; } else { var name = 'dd2'; } var obj = document.getElementsByTagName('input'); for(var i = 0; i < obj.length; i++) { attrname = obj[i].attributes.name.value; attrcheck = obj[i].checked; if(attrname == name && attrcheck) { alert (obj[i].value); } } } </script> ----- Just do it

DlTA	Отправлено: 29 Ноября, 2011 - 23:29:16
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	Panoptik пишет: var obj = document.getElementsByTagName('input') че за хрень?! getElementsByName а вот что делает эта строчка Panoptik пишет: obj[i].attributes.name.value; я не пойму

Panoptik	Отправлено: 30 Ноября, 2011 - 08:44:10
Постоянный участник Покинул форум Сообщений всего: 2493 Дата рег-ции: Нояб. 2011 Откуда: Одесса, Украина Помог: 131 раз(а)	первая получает коллекцию элементов с тегами input а вторая извлекает значение атрибута name из i-го члена коллекции а что не так? (Добавление) в виду сложившихся обстоятельств и открытия новых методов "getElementsByName" попробуем переделать код в следующее: CODE (javascript): скопировать код в буфер обмена <script type="text/javascript"> function show(name) { var attrcheck; var obj = document.getElementsByName(name); for(var i = 0; i < obj.length; i++) { attrcheck = obj[i].checked; if(attrcheck) { alert (obj[i].value); } } } </script> вот как то так) (Отредактировано автором: 30 Ноября, 2011 - 08:49:58) ----- Just do it

DlTA	Отправлено: 30 Ноября, 2011 - 09:01:16
Постоянный участник Покинул форум Сообщений всего: 2952 Дата рег-ции: Окт. 2010 Помог: 53 раз(а)	просто и понятно Спойлер (Отобразить) CODE (html): скопировать код в буфер обмена <input value="3" type="radio" name="dd" /> <input value="4" type="radio" name="dd" /> <input value="6" type="radio" name="dd" /> <input value="22" type="radio" name="dd2" /> <input value="42" type="radio" name="dd2" /> <input value="62" type="radio" name="dd2" /> <button onclick="show('dd');">as</button> <button onclick="show('dd2');">as2</button> <script type="text/javascript"> function show(group) { var list = document.getElementsByName(group); for(var i=0;i<list.length;i++){ if(list[i].checked){ alert(list[i].value); return false; } } } </script>

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.