Прогресс-бар jQuery с радио-кнопками

Question

Прогресс-бар jQuery с радио-кнопками

0

Я создаю индикатор выполнения, который всплывает и показывает непрерывный прогресс при заполнении входных данных, и он хорошо работает со всеми типами ввода, кроме переключателей. Это связано с тем, что для каждого входа требуется "требуемый" тег для регистрации в качестве прогресса, но это означает, что мне нужно будет поместить требуемый тег для каждого параметра радио, поэтому вместо того, чтобы показывать, что вы ответили на вопрос, выбрав один из радио ответов, вам нужно щелкнуть по всем переключателям. Я попытался применить "требуемый" тег к контейнеру, содержащему оба переключателя, но он не работает.

Вот мой код, чтобы вы могли точно видеть, с чем я работаю.

http://codepen.io/er40/pen/ugdqa

Спасибо за любую помощь!

user3277733 20 фев. 2014, в 20:30

Источник

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

jakealbaugh · Answer 1 · 2014-02-20T17-50-00.000Z

Существует более сложная работа с требуемым скрытым вводом, который изменяет значение, основанное на выбранных радиоприемниках, но я думаю, что для того, что вы делаете, концептуально имеет смысл иметь один флажок там со значением "да", потому что вы убедитесь, что пользователь выбирает "да", прежде чем продолжить.

прямо сейчас есть два переключателя, которые я могу выбрать в одно и то же время и все еще прогресс, что не имеет большого смысла.

изменение: сложное обходное решение

добавьте скрытый, необходимый вход в группу радио:

<input type="radio" name="radio" value="yes">YES
<input type="radio" name="radio" value="no">NO
<input type="hidden" class="radio_selected" required="required" />

и в вашем javascript, что-то вроде этого, чтобы дать скрытому вводу значение:

$('input[type="radio"]').click(function() {
  var radio_selected = $(this).next('.radio_selected');
  if (radio_selected.val() !== 'true') {
    radio_selected.val("true");
  }
});

затем измените свой плагин, чтобы обнаружить это изменение.

это действительно работает, потому что ваши радиостанции нельзя отменить.

Извините, я запутался с переключателями. Я просто исправил это, так что вы можете выбрать только один из двух вариантов радио. codepen.io/er40/pen/ugdqa
добавил то, что я имел в виду под «сложным решением» выше. вам придется настроить его для работы с вашим плагином, но он меняет значение скрытого ввода, когда вы нажимаете радио.
если это закончится удачно, не могли бы вы отметить это как решенное?
Я не мог заставить его работать :(
Вам было трудно проверить скрытый ввод?
Нет, это не подтверждение того, что у меня возникли проблемы. Это просто индикатор выполнения, заполняющий до 100%. Прямо сейчас у меня есть обе радиокнопки с тем же именем, типом и разными значениями. Я должен быть в состоянии просто «требуется» на одном из них, и он будет проверяться, когда вы нажимаете на любой. Тем не менее, он добавляется к индикатору прогресса только в том случае, если вы щелкнете радио с надписью «обязательно».