Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.08.2014, 23:31
Аспирант
Отправить личное сообщение для Sergei-b84 Посмотреть профиль Найти все сообщения от Sergei-b84
 
Регистрация: 26.06.2014
Сообщений: 69

Помогите с пошаговой формой
Добрый вечер!

Помогите найти ошибку в коде. Смысл такой. Есть jQuery Multistep form (пошаговая форма).
Очень простая вот исходники https://github.com/mkpeacock/jQuery-Multistep-Form

На каждом шаге есть вопрос и три варианта ответа
<input type='radio'  name='q$i'  value='1'>.........
. Пытаюсь сделать так, что пока юзер не выберит 1 вариант перейти к следующему шагу не возможно. Ниже я приведу скрипт с помощью которого я реализовал данную идею, но только на первом шаге. На последующих 2,3,4 не происходить остановки. (т.е. можно пройти до конца). Т.е. скрипт запомнил первый выбор и все.



$('.' + config.nextclass ).live('click', function(){
		
	        var section = document.getElementsByName('sn_section_master');
            for ( var n = 0; n < section.length; n++) {
			
		        var check = document.getElementsByName('q'+n+'');
		        for ( var i = 0; i < check.length; i++) {
                    if(check[i].checked) {
	                $(this).parent().parent().hide().next().show(); 
                    return false;
                    }
		
                }
		
	    }

Последний раз редактировалось Sergei-b84, 12.08.2014 в 23:32. Причина: добавил ссылку на исходники
Ответить с цитированием
  #2 (permalink)  
Старый 13.08.2014, 00:37
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 912

Sergei-b84,
$('.' + config.nextclass ).live( 'click', function(){
    var section = $(this).parent().parent();
    if (section.find('input[name^="q"]:checked').length) section.hide().next().show();
    return false;
} );
Ответить с цитированием
  #3 (permalink)  
Старый 13.08.2014, 20:33
Аспирант
Отправить личное сообщение для Sergei-b84 Посмотреть профиль Найти все сообщения от Sergei-b84
 
Регистрация: 26.06.2014
Сообщений: 69

Сообщение от Rise Посмотреть сообщение
Sergei-b84,
$('.' + config.nextclass ).live( 'click', function(){
    var section = $(this).parent().parent();
    if (section.find('input[name^="q"]:checked').length) section.hide().next().show();
    return false;
} );
Спасибо большое! Все работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с формой отзыва, нужно убрать каптчу. realstranger Элементы интерфейса 2 24.09.2012 12:28
Помогите с контактной формой dianochka AJAX и COMET 1 31.05.2011 08:02
Ребят помогите с формой пожалусто Геворг Серверные языки и технологии 2 27.03.2011 17:56
Помогите исправить баг с формой ввода Bandicoot jQuery 4 10.03.2011 19:41
Форма отправки сообщения в скрипте отдельного окна I-love_Chicago Элементы интерфейса 10 30.08.2009 23:16