Сравнение значений текстового input text со значениями radio

@Алекс_ · Регистрация: 16.03.2015

Студворк — интернет-сервис помощи студентам

Прошу помочь, сам новичок в языке java script, буду благодарен

есть текстовое поле:

HTML5
1
<input type="text" value="first" id="" name ="but_1" />

так же есть 5 radio:

HTML5
1
2
3
4
5
    <input type="Radio" name="v1" value="year">
    <input type="Radio" name="v1" value="apple">
    <input type="Radio" name="v1" value="first">
    <input type="Radio" name="v1" value="wer">
    <input type="Radio" name="v1" value="treck">

необходимо сделать проверку на совпадение значения текстового поля со всеми radio, и включить значение true у того radio, у которого значение совпало со значением текст. поля.
заранее спасибо

@vovandr · 03.05.2015, 21:50

JavaScript
1
2
3
4
5
6
7
8
var txtInpVal = document.getElementsByName('but_1')[0].value,
     radInp = document.getElementsByName('v1'),
     radInpLen = radInp.length;
for(var i = 0; i < radInpLen; i++){
  if(radInp[i].value === txtInpVal){
    radInp[i].checked =  true;
  }
}

@arcmag · 03.05.2015, 21:57

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Тест</title>
</head>
<script>
window.addEventListener("load",function(){
    var radioArr = document.getElementsByName("v1");
    for(var i=0; i<radioArr.length; i++)
    radioArr[i].addEventListener("change",function(){
        document.getElementById("result").innerHTML=document.getElementById("bb").value==this.value?"Совпадение":"Не совпадение";
    });
});
</script>
<body>
    <input type="text" value="first" id="bb" name ="but_1" />
    <input type="Radio" name="v1" value="year">
    <input type="Radio" name="v1" value="apple">
    <input type="Radio" name="v1" value="first">
    <input type="Radio" name="v1" value="wer">
    <input type="Radio" name="v1" value="treck">
    <output id="result"></output>
</body>
</html>

@Алекс_ · 03.05.2015, 22:27 **[ТС]**

arcmag, спасибо большое за код))) но видимо не совсем меня поняли
я имел ввиду, что при запуске уже страницы без кликов на radio уже проверялось совпадение, и просто срабатывал нужное radio.

Добавлено через 2 минуты
vovandr,спасибо, но не работает)

@vovandr · 03.05.2015, 22:31

Код попробуйте после вашего html поставить

@Алекс_ · 03.05.2015, 22:31 **[ТС]**

arcmag, то есть допустим, у меня в коде совпадает со значением input text третье radio, и там и там значение first, при запуске страницы должно уже быть значение true у 3-его radio

@arcmag · 03.05.2015, 22:32

JavaScript
1
2
3
window.addEventListener("load",function(){
    document.querySelectorAll("input[value='"+document.getElementById("bb").value+"']")[1].setAttribute("checked","checked");
    });

@Алекс_ · 04.05.2015, 00:27 **[ТС]**

vovandr, спасибо большое, выручил, все работает

Добавлено через 1 минуту
arcmag, спасибо, но тот код уже работает))
очень благодарен

Добавлено через 1 час 51 минуту
vovandr,arcmag, появилась еще одна проблемка, почему-то внутри модального окна, реализованного с помощью Jquery, скрипт не работает, однако другие функции работают, которые выполняются при клике. До этого я проверял в пустой странице ваш скрипт, а как поместил на модальное окно, возникла вот такая ошибка, а когда этот скрипт помещаю внутри модального окна, то вообще модальное окно не запускается, оба скрипта пробовал, те что здесь написали мне, но они не работают, думаю, возникает какой-то конфликт между мод. окном и скриптом.Есть ли вариант обойти? очень надо) спасибо

Новые блоги и статьи Все статьи Все блоги /
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .

@Алекс_ 1 / 1 / 0 Регистрация: 16.03.2015 Сообщений: 79
	03.05.2015, 22:27 [ТС]
	arcmag, спасибо большое за код))) но видимо не совсем меня поняли я имел ввиду, что при запуске уже страницы без кликов на radio уже проверялось совпадение, и просто срабатывал нужное radio. Добавлено через 2 минуты vovandr,спасибо, но не работает) 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	03.05.2015, 22:31
	Код попробуйте после вашего html поставить 0

@Алекс_ 1 / 1 / 0 Регистрация: 16.03.2015 Сообщений: 79
	03.05.2015, 22:31 [ТС]
	arcmag, то есть допустим, у меня в коде совпадает со значением input text третье radio, и там и там значение first, при запуске страницы должно уже быть значение true у 3-его radio 0

@Алекс_ 1 / 1 / 0 Регистрация: 16.03.2015 Сообщений: 79
	04.05.2015, 00:27 [ТС]
	vovandr, спасибо большое, выручил, все работает Добавлено через 1 минуту arcmag, спасибо, но тот код уже работает)) очень благодарен Добавлено через 1 час 51 минуту vovandr,arcmag, появилась еще одна проблемка, почему-то внутри модального окна, реализованного с помощью Jquery, скрипт не работает, однако другие функции работают, которые выполняются при клике. До этого я проверял в пустой странице ваш скрипт, а как поместил на модальное окно, возникла вот такая ошибка, а когда этот скрипт помещаю внутри модального окна, то вообще модальное окно не запускается, оба скрипта пробовал, те что здесь написали мне, но они не работают, думаю, возникает какой-то конфликт между мод. окном и скриптом.Есть ли вариант обойти? очень надо) спасибо 0

Сравнение значений текстового input text со значениями radio

Решение