Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
Destroyer
0 / 0 / 1
Регистрация: 24.10.2014
Сообщений: 42
1

Передача value при выборе radio input

28.06.2015, 03:32. Просмотров 1394. Ответов 7
Метки нет (Все метки)

Добрый вечер! Есть такой вопрос:

Как сделать,чтбы при выборе опредленного radio,его значение value передавалось в скрытый инпут (радио просто на странице вставлено,а скрытый инпут в форме),и также значение value вставлялось текстом в определенный слой div? И чтобы значение менялось/передавалось при щелчке на radio input

HTML5
1
2
3
4
5
<input type="radio" name="hello" value="500 метров" class="rad">
<input type="radio" name="hello" value="700 метров" class="rad">
 
<input type="hidden" class="hid" value="">
<div class="metr"></div>
Заранее спасибо за ответы!
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.06.2015, 03:32
Ответы с готовыми решениями:

Событие если при выборе input:radio
Как заставить меняться value в input fullprice и childprice, если выбирается...

Как вывести input radio в зависимости от выше выбранного input radio
Нужно сделать как бы вывод на странице двух input radion. Выбор пола. Мужчина и...

Смена блока div при выборе кнопки radio
Подскажите, пожалуйста, как лучше реализовать смены блока div в зависимости от...

Как правильно реализовать для повторяющихся блоков изменение определенного элемента при выборе radio
Здравствуйте! Помогите пожалуйста с решение одной задачи. Задача такая: --...

Выбор radio input + text input
Всем привет. Никак не могу решить задачу. Суть такая: на странице динамически...

7
Sn1p3rOk
281 / 168 / 85
Регистрация: 19.04.2014
Сообщений: 1,098
Завершенные тесты: 2
28.06.2015, 03:58 2
Как-то так... Как оформить смотри уже сам.

Javascript
1
2
3
4
5
6
7
8
$(document).ready(function ()
{
    $(".rad").click(function ()
    {
        $(".hid").val($(this).val());
        $(".metr").html($(".hid").val());
    })
})
1
Lazy_Den
2942 / 2618 / 1320
Регистрация: 15.01.2014
Сообщений: 5,749
28.06.2015, 08:33 3
Лучший ответ Сообщение было отмечено Metall_Version как решение

Решение

Sn1p3rOk, зачем лишнюю работу делать и получать значение из скрытого input-а, когда вы уже получили это значение?
Javascript
1
2
3
var v = $(this).val();
$(".hid").val(v);
$(".metr").html(v);
1
Sn1p3rOk
281 / 168 / 85
Регистрация: 19.04.2014
Сообщений: 1,098
Завершенные тесты: 2
28.06.2015, 12:15 4
Цитата Сообщение от Lazy_Den Посмотреть сообщение
Sn1p3rOk, зачем лишнюю работу делать и получать значение из скрытого input-а, когда вы уже получили это значение?
Javascript
1
2
3
var v = $(this).val();
$(".hid").val(v);
$(".metr").html(v);
Просто я не сторонник объявления переменных в js.
1
Lazy_Den
28.06.2015, 12:23
  #5

Не по теме:

Цитата Сообщение от Sn1p3rOk Посмотреть сообщение
я не сторонник объявления переменных в js
O_o Готов был разное услышать в качестве парирования, но это ввело меня в ступор.

0
Sn1p3rOk
281 / 168 / 85
Регистрация: 19.04.2014
Сообщений: 1,098
Завершенные тесты: 2
28.06.2015, 12:45 6
Цитата Сообщение от Lazy_Den Посмотреть сообщение

Не по теме:

O_o Готов был разное услышать в качестве парирования, но это ввело меня в ступор.

Просто я не вижу смысла записывать значение в переменную если могу обойтись без неё.
Мой код отличается от вашего тем, что у меня две строки кода, а у вас три. Зачем в пустую отягощать js или html файлы.
Может я конечно не прав, буду рад услышать ваше мнение по этому поводу.

Добавлено через 13 минут
Цитата Сообщение от Lazy_Den Посмотреть сообщение

Не по теме:

O_o Готов был разное услышать в качестве парирования, но это ввело меня в ступор.

Все же я останусь при своем мнение так как проверив скорость выполнения скрипта в итоге:
Скрипт написанный мною при первом запуске - 0.124ms
Ваш скрипт при первом запуске - 0.148ms
1
Lazy_Den
2942 / 2618 / 1320
Регистрация: 15.01.2014
Сообщений: 5,749
28.06.2015, 13:28 7
Цитата Сообщение от Sn1p3rOk Посмотреть сообщение
буду рад услышать ваше мнение по этому поводу
Есть такое понятие и не только в JS, как "кеширование". Кстати, это касается не только данных. Каждая выборка элементов, будь то $('element') в jQuery или getElementById/getElementsByName/querySelectorAll и т.д., заставляют "напрягаться" браузер в поисках нужного элемента. Это процесс, который к тому же, может повторяться многократно. А мои три строки, будут закешированны браузером один единственный раз при загрузке страницы и больше он на них внимания обращать не будет. Поэтому, мало того, что я бы присвоил значение переменной, которую потом мог бы использовать сколько-угодно раз, я бы еще присвоил переменным объекты, которые нужны для работы:
Javascript
1
2
3
4
5
6
7
var hid = $(".hid"),
     metr = $(".metr");
$(".rad").click(function () {
    var v = $(this).val(); 
    hid.val(v);
    metr.html(v);
});
Исключением являются только случаи с делегированной обработкой событий, где работать приходится с динамически созданными элементами.

Добавлено через 42 секунды
Цитата Сообщение от Sn1p3rOk Посмотреть сообщение
Все же я останусь при своем мнение
Ваше право.

Добавлено через 5 минут
И если будет интересно, то вот мои тесты на 1000 итерациях. Среднее время:
Ваш: 71.156ms
Мой: 57.501ms

Добавлено через 15 минут
P.S. И в дополнение, вот одна из множества статей, где в том числе описывается и наш разбираемый случай.
1
Sn1p3rOk
281 / 168 / 85
Регистрация: 19.04.2014
Сообщений: 1,098
Завершенные тесты: 2
28.06.2015, 13:51 8
Цитата Сообщение от Lazy_Den Посмотреть сообщение
Есть такое понятие и не только в JS, как "кеширование". Кстати, это касается не только данных. Каждая выборка элементов, будь то $('element') в jQuery или getElementById/getElementsByName/querySelectorAll и т.д., заставляют "напрягаться" браузер в поисках нужного элемента. Это процесс, который к тому же, может повторяться многократно. А мои три строки, будут закешированны браузером один единственный раз при загрузке страницы и больше он на них внимания обращать не будет. Поэтому, мало того, что я бы присвоил значение переменной, которую потом мог бы использовать сколько-угодно раз, я бы еще присвоил переменным объекты, которые нужны для работы:
Javascript
1
2
3
4
5
6
7
var hid = $(".hid"),
     metr = $(".metr");
$(".rad").click(function () {
    var v = $(this).val(); 
    hid.val(v);
    metr.html(v);
});
Исключением являются только случаи с делегированной обработкой событий, где работать приходится с динамически созданными элементами.

Добавлено через 42 секунды
Ваше право.

Добавлено через 5 минут
И если будет интересно, то вот мои тесты на 1000 итерациях. Среднее время:
Ваш: 71.156ms
Мой: 57.501ms

Добавлено через 15 минут
P.S. И в дополнение, вот одна из множества статей, где в том числе описывается и наш разбираемый случай.
Занятная статья. Что же тут Вы меня переубедили.
Спасибо за диалог. В дальнейшем буду использовать предоставленные вами методы.
0
28.06.2015, 13:51
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.06.2015, 13:51

Присвоение класса при изменении значения input radio
Сама задача: &lt;h2&gt;Доставка&lt;/h2&gt; &lt;input type=&quot;radio&quot; id=&quot;deliveri_1&quot; value=&quot;1&quot;&gt;...

Как изменить содержимое формы при выборе след. radio кнопки (см. код)?
Это такой себе небольшой тестик: &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0...

При выборе type="radio" нужно прибавить или умножить его значение
Есть шесть type=&quot;radio&quot;, каждый имеет свой value=&quot; &quot;. Как реализовать при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru