Проверка, выбран ли radio

@Давран · Регистрация: 24.11.2013

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<div class="questionAnswers">
   <ul>
          <li><input type="radio" name="1ques" id="1ques" value="1"/>1<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="2"/>2<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="3"/>3<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="4"/>4<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="5"/>5<br></li>
   </ul>
</div>
div class="questionAnswers">
   <ul>
       <li><input type="radio" name="2ques" id="2ques" value="1" />1<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="2"/>2<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="3"/>3<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="4"/>4<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="5"/>5<br></li>
   </ul>
</div>

JavaScript
1
2
3
4
5
6
7
8
9
function show(){
    var i;
    for(i=1;i<=2;i++){
        var perId=i+"ques";
        alert(perId);/*выводит "1ques" и "2ques"*/
        alert($("#perId").prop("checked"));
 
    }
}

Вопрос: Почему при проверке он пишет undefined? Но если написать такую строку

JavaScript
1
alert($("#1ques").prop("checked"));

то работает правильно

@whiteapps · 18.09.2014, 11:15

Давран, потому что у вас нет в верстке элемента с id=perId

если вы хотите динамически формировать нужный id, то нужно так

JavaScript
1
2
3
var perId=i+"ques";
        alert(perId);/*выводит "1ques" и "2ques"*/
        alert($("#" + perId).prop("checked"));

@Давран · 19.09.2014, 16:02 **[ТС]**

whiteapps, почему он показывает, что выбран если выбираешь только первый вариант. выбрав 2-5 вариант, пишет, что не выбран?

Добавлено через 7 минут
Точнее понятно, что он находит первый div с id="1ques". Видит, что он пустой и выдает результат, как сделать, что бы он провел все div с данным id

@Yulunga · 19.09.2014, 17:11

считаю , что идентификатор - он на то и идентификатор, чтоб быть одним
в вашем случае предлагаю такой вариант :

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="questionAnswers">
   <ul>
          <li><input type="radio" name="1ques" value="1"/>1<br></li>
          <li><input type="radio" name="1ques" value="2"/>2<br></li>
          <li><input type="radio" name="1ques" value="3"/>3<br></li>
          <li><input type="radio" name="1ques" value="4"/>4<br></li>
          <li><input type="radio" name="1ques" value="5"/>5<br></li>
   </ul>
</div>
<div class="questionAnswers">
   <ul>
       <li><input type="radio" name="2ques" value="1" />1<br></li>
       <li><input type="radio" name="2ques" value="2"/>2<br></li>
       <li><input type="radio" name="2ques" value="3"/>3<br></li>
       <li><input type="radio" name="2ques" value="4"/>4<br></li>
       <li><input type="radio" name="2ques" value="5"/>5<br></li>
   </ul>
</div>

JavaScript
1
2
3
4
5
$("input[name='1ques']").click(function () {
   
        alert( $('input[name=1ques]:checked').val() );        
 
})

@Давран · 19.09.2014, 17:28 **[ТС]**

Yulunga, как написать динамический скрипт, если таких вопросов не , а 10 и больше. Что бы он проверял, выбрал ли 1 из вариантов. Если не выбрано в каком то из вопросов, он выполнял одни действия, если нет, то другие

@Yulunga · 19.09.2014, 19:47

Давран, ну так не присваивать им всем один ИД
как вариант - 11ques, 12ques, ...
для второго соотв 21ques, 22ques, ...

что значит "не выбрано"? дайте определение. это радиокнопка, здесь всегда что-то выделено, и всегда в единственном количестве. это её неотъемлемое свойство такое.

и когда выполнял действия ? после нажатия потом на какоую-то кнопку сабмит?
тогда можно ( можно! я не думаю, что это правильно ) сделать глобальный массив и в него по клику на какой-то серии вопросов заводить в эту же переменную (name которая ) значение, на чём кликнули
ну и потом по сабмиту куда-то-там-передавать

п.с. это если я вообще о том говорю. ибо задача поставлена непонятно))

@Давран · 19.09.2014, 19:54 **[ТС]**

Yulunga, Описываю задачу точнее. Есть опросник, состоящий, допустим из 10 вопросов. В каждом вопросе по 5 вариантов ответа. Допустим анкетируемый ответил на 9. Один из них он пропустил нечаянно. Мне надо, когда он нажимал кнопку(что бы отправить ответы), под вопросом на который он не ответил было написано, что он пропустил его. Потом он ответит на него, сообщение исчезнет и снова он будет нажимать кнопку.

@Yulunga · 19.09.2014, 22:36

с наскоку не получилось, прошу пардону

@vasvas7775 · 20.09.2014, 12:13

JavaScript
1
2
3
4
5
if($( 'input.radio:checked' ).val()){
console.log('1');
}else{
console.log('2');
}

http://jquery.page2page.ru/ind... 0%B8_radio

@ludmila-sv · 20.09.2014, 20:10

У меня делалось так:

есть несколько групп радио-кнопок:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="radios">
<span class="label">Класс котёнка</span>
  <input  type="radio" name="kittenclass" id="pet" value="pet">
  <label for="pet">домашний любимец (pet)</label>
  <input type="radio" name="kittenclass" id="breeding" value="breeding">
  <label for="breeding">для разведения (breeding)</label>
  <input type="radio" name="kittenclass" id="show" value="show">
  <label for="show">для разведения и выставок (show)</label>
  <div class="errordiv">Выберите класс животного!</div>
</div>
 
<div class="radios">
<span class="label">Пол котёнка</span>
  <input  type="radio" name="gender" id="genderf" value="девочка">
  <label for="genderf">Ж</label>
  <input type="radio" name="gender" id="genderm" value="мальчик">
  <label for="genderm">М</label>
  <div class="errordiv">Выберите один из вариантов!</div>
</div>

Проверка на то, что в каждой группе что-то выбрано:

JavaScript
1
2
3
4
5
6
7
var errors = 0;
$("div.radios").each(function() {
  if ($(this).children("input:radio:checked").length==0) {
  $(this).children(".errordiv").show();
  errors++;
  }
});

Если errors = 0, форма отправляется, если нет - не отправляется.
Дивы с сообщениями об ошибках <div class="errordiv"> изначально скрыты - это прописано в css. Если на какой-то вопрос пользователь не ответил, <div class="errordiv">, расположенный под этой группой радио-кнопок, становится видимым.

Добавлено через 4 минуты
И еще надо добавить:

JavaScript
1
2
3
4
5
6
// удаление сообщений об ошибках при помещении курсора в radio-поле
$(":radio").click(function(){
if ($(this).siblings(".errordiv")){
$(this).siblings(".errordiv").hide();
}
});

@Давран · 23.09.2014, 22:59 **[ТС]**

ludmila-sv, Разобрал ваш скрипт, Спасибо. Но у меня почему то в shtorm ругается на элемент children, пишет Method expression is not of Function type. И сам скрипт не могу вписать под мою задачу

@ludmila-sv · 24.09.2014, 00:04

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form id="quiz">
<div class="questionAnswers">
   <ul>
          <li><input type="radio" name="1ques" id="1ques" value="1"/>1<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="2"/>2<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="3"/>3<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="4"/>4<br></li>
          <li><input type="radio" name="1ques" id="1ques" value="5"/>5<br></li>
   </ul>
<div class="errordiv">Выберите ответ!</div>
</div>
<div class="questionAnswers">
   <ul>
       <li><input type="radio" name="2ques" id="2ques" value="1" />1<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="2"/>2<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="3"/>3<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="4"/>4<br></li>
       <li><input type="radio" name="2ques" id="2ques" value="5"/>5<br></li>
   </ul>
<div class="errordiv">Выберите ответ!</div>
</div>
<input type="submit" name="submit" value="Отправить"/>
</form>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$("#quiz").submit(function(){
    var errors = 0;
$("div.questionAnswers").each(function() {
  if ($(this).find("input:radio:checked").length==0) {
  $(this).children(".errordiv").show();
  errors++;
  }
});
if(errors!=0) return false;
});
 
$(":radio").click(function(){
if ($(this).closest("ul").siblings(".errordiv")){
$(this).closest("ul").siblings(".errordiv").hide();
}
});

CSS
1
.errordiv {display:none;}

Тут работает: http://jsfiddle.net/7u0sd2e0/

@Batyabest · 28.12.2017, 18:26

Подскажите, а если в некоторых div radio, а в некоторых checkbox как нужно поправить скрипт?

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	19.09.2014, 16:02 [ТС]
	whiteapps, почему он показывает, что выбран если выбираешь только первый вариант. выбрав 2-5 вариант, пишет, что не выбран? Добавлено через 7 минут Точнее понятно, что он находит первый div с id="1ques". Видит, что он пустой и выдает результат, как сделать, что бы он провел все div с данным id 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	19.09.2014, 17:28 [ТС]
	Yulunga, как написать динамический скрипт, если таких вопросов не , а 10 и больше. Что бы он проверял, выбрал ли 1 из вариантов. Если не выбрано в каком то из вопросов, он выполнял одни действия, если нет, то другие 0

@Yulunga Модератор 4124 / 932 / 262 Регистрация: 22.04.2013 Сообщений: 6,524 Записей в блоге: 1
	19.09.2014, 19:47
	Давран, ну так не присваивать им всем один ИД как вариант - 11ques, 12ques, ... для второго соотв 21ques, 22ques, ... что значит "не выбрано"? дайте определение. это радиокнопка, здесь всегда что-то выделено, и всегда в единственном количестве. это её неотъемлемое свойство такое. и когда выполнял действия ? после нажатия потом на какоую-то кнопку сабмит? тогда можно ( можно! я не думаю, что это правильно ) сделать глобальный массив и в него по клику на какой-то серии вопросов заводить в эту же переменную (name которая ) значение, на чём кликнули ну и потом по сабмиту куда-то-там-передавать п.с. это если я вообще о том говорю. ибо задача поставлена непонятно)) 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	19.09.2014, 19:54 [ТС]
	Yulunga, Описываю задачу точнее. Есть опросник, состоящий, допустим из 10 вопросов. В каждом вопросе по 5 вариантов ответа. Допустим анкетируемый ответил на 9. Один из них он пропустил нечаянно. Мне надо, когда он нажимал кнопку(что бы отправить ответы), под вопросом на который он не ответил было написано, что он пропустил его. Потом он ответит на него, сообщение исчезнет и снова он будет нажимать кнопку. 0

@Yulunga Модератор 4124 / 932 / 262 Регистрация: 22.04.2013 Сообщений: 6,524 Записей в блоге: 1
	19.09.2014, 22:36
	с наскоку не получилось, прошу пардону 0

@Давран 203 / 152 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	23.09.2014, 22:59 [ТС]
	ludmila-sv, Разобрал ваш скрипт, Спасибо. Но у меня почему то в shtorm ругается на элемент children, пишет Method expression is not of Function type. И сам скрипт не могу вписать под мою задачу 0

@Batyabest 0 / 0 / 0 Регистрация: 08.12.2013 Сообщений: 30
	28.12.2017, 18:26
	Подскажите, а если в некоторых div radio, а в некоторых checkbox как нужно поправить скрипт? 0