Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.01.2013, 17:12
Аспирант
Отправить личное сообщение для Александр141 Посмотреть профиль Найти все сообщения от Александр141
 
Регистрация: 21.08.2012
Сообщений: 36

Помогите с формами
Здравствуйте, помогите пожалуйста. У меня есть список, в нём 6 шагов. Я хочу, чтобы, когда выбираешь чекбокс в первом шаге, менялся чекбокс во втором. В первом выбираешь страну, а второй переключается на операторы которые есть в этой стране.
Потом я сделаю это всё в виде чекбоксов.

<form id="formElem" name="formElem" action="" method="post">
                        <fieldset class="step">
                        
                        <legend><h3>Выберите страну, где Вы купили свой iPhone:</h3></legend>
                        <br />
                            <div class="borderunlock">	
        	<ul id="menu">
				<li>
					
                    	<img src="img/united-states-flag.png" width="60px" height="60px" />
                        <br />
                        <h3>США</h3>
                    
						<ul>
							<li>Разлочка всех iPhone - 1999 рублей <br /><br />Разлочка iPhone 5 - 2300 рублей</li>
			
						</ul>
				</li>
			</ul>
    	</div>   
        
        <div class="borderunlock">
        	<ul id="menu">
				<li>
                		<img src="img/united-kingdom-flag.png" width="60px" height="60px" />
                        <br />
					<h3>Англия</h3> 
						<ul>
							<li>o2 - 100$ 2-3 дня (блек лист / белый список)</li>
			
						</ul>
				</li>
			</ul>
        </div>
        
        <div class="borderunlock">
        	<ul id="menu">
				<li>
					
                    	<img src="img/1507420268954283427.png" width="60px" height="60px" />
                        <br />
                    	<h3>Франция</h3> 
                    
						<ul>
							<li>bouygues 69$ 6 часов - 2 дня <br /><br />SFR 99$ 1-3 дня (вайт лист)</li>
						</ul>
				</li>
			</ul>
        </div>
        
        <div class="borderunlock">
        	
             <ul id="menu">
				<li>
                <img src="img/australia-flag.png" width="60px" height="60px" />
                        <br />
					<h3>Австралия</h3> 
						<ul>
							<li>3 - 60$ 2-12 дней (whitelist/blacklist)
            <br />
            <br />
			optus - 60$ 2-12 дня (white) 80$ 2-12 дня (blacklist)
            <br />
            <br />
			telstra - 60$ 1-2 дня
            <br />
            <br />
			virgin - 100$ 1-2 дня
            <br />
            <br />
			vodofone - 40$ 1 день</li>
						</ul>
				</li>
			</ul>
        </div>  
        
        <div class="borderunlock">
        	<ul id="menu">
				<li>
                <img src="img/tonga-flag.png" width="60px" height="60px" />
                        <br />
					<h3>Швейцария</h3> 
						<ul>
							<li>Swisscom - $90 1-3 дня </li>
						</ul>
				</li>
			</ul>
        </div>
        
        <div class="borderunlock">
        	
            <ul id="menu">
				<li>
                <img src="img/spain-flag.png" height="60px" />
                        <br />
					<h3>Испания</h3>  
						<ul>
							<li>Movistar 49$ 1-2 суток (белый список)</li>
						</ul>
				</li>
			</ul>  
        </div> 
                        </fieldset>
                        
                        <fieldset class="step" style="margin-left:-40px;">
                        	<legend><h3>Выберите оператора, на которого залочен Ваш iPhone:</h3></legend>
                        <br />
        				</fieldset>
                        
                        <fieldset class="step" style="margin-left:-30px;">
                            <legend><h3>Введите IMEI Вашего iPhone:</h3></legend>
                        </fieldset>
                        
                        <fieldset class="step" style="margin-left:-30px;">
                            <legend><h3>Введите модель Вашего iPhone:</h3></legend>
                        </fieldset>
                        
						<fieldset class="step" style="margin-left:-30px;">
                             <legend><h3>Напишите Ваши контакты:<h3></legend>
                        </fieldset>
                        
                        <fieldset class="step">
                         	<legend><h3>Готово! Мы свяжемся с вами в течении часа.</h3></legend>
                        </fieldset>
                        
                    </form>
Ответить с цитированием
  #2 (permalink)  
Старый 05.01.2013, 17:33
жажду знаний
Отправить личное сообщение для bushstas Посмотреть профиль Найти все сообщения от bushstas
 
Регистрация: 17.07.2009
Сообщений: 202

Так сложно это сделать, хотелось бы видеть уже готовый HTML и первого и второго шагов с представленными чекбоксами а то не знаю даже чем оперировать
__________________
не стреляйте в пианиста, он играет, как умеет
Ответить с цитированием
  #3 (permalink)  
Старый 05.01.2013, 19:45
Аспирант
Отправить личное сообщение для Александр141 Посмотреть профиль Найти все сообщения от Александр141
 
Регистрация: 21.08.2012
Сообщений: 36

<form id="formElem" name="formElem" action="" method="post">
                        <fieldset class="step">
                        
                        <legend><h3>Выберите страну, где Вы купили свой iPhone:</h3></legend>
                        <br />
        
                     <ul class="checklist">
						<li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/united-states-flag.png" width="60px" height="60px" />
                        		<br />
                        		<h3>США</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                     	<li>   
                    		<input name="jqdemo" value="value2" type="checkbox" id="choice_b"/>
                                <img src="img/united-kingdom-flag.png" width="60px" height="60px" />
                                <br />
                                <h3>Англия</h3>
                                <a class="checkbox-select" href="#">Выбрать</a>
                                <a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value3" type="checkbox" id="choice_c"/>
                                <img src="img/1507420268954283427.png" width="60px" height="60px" />
                                <br />
                                <h3>Франция</h3>  
                                <a class="checkbox-select" href="#">Выбрать</a>
                                <a class="checkbox-deselect" href="#">Отменить</a>
        				</li>
                        
                         <li>   
                    		<input name="jqdemo" value="value4" type="checkbox" id="choice_d"/>
                                <img src="img/australia-flag.png" width="60px" height="60px" />
                                <br />
                                <h3>Австралия</h3>  
                                <a class="checkbox-select" href="#">Выбрать</a>
                                <a class="checkbox-deselect" href="#">Отменить</a>
        				</li>
                        
                        <li>   
                    		<input name="jqdemo" value="value5" type="checkbox" id="choice_e"/>
                                <img src="img/tonga-flag.png" width="60px" height="60px" />
                                <br />
                                <h3>Швейцария</h3> 
                                <a class="checkbox-select" href="#">Выбрать</a>
                                <a class="checkbox-deselect" href="#">Отменить</a>
        				</li>
                        
                       	 <li>   
                    		<input name="jqdemo" value="value6" type="checkbox" id="choice_f"/>
                                <img src="img/spain-flag.png" height="60px" />
                                <br />
                                <h3>Испания</h3> 
                                <a class="checkbox-select" href="#">Выбрать</a>
                                <a class="checkbox-deselect" href="#">Отменить</a>
        				</li>
                    </ul>
        
                        </fieldset>
                        
                        <fieldset class="step" style="margin-left:-40px;">
                        	<legend><h3>Выберите оператора, на которого залочен Ваш iPhone:</h3></legend>
                        <br />
        				</fieldset>
                        
                        <fieldset class="step" style="margin-left:-30px;">
                            <legend><h3>Введите IMEI Вашего iPhone:</h3></legend>
                        </fieldset>
                        
                        <fieldset class="step" style="margin-left:-30px;">
                            <legend><h3>Введите модель Вашего iPhone:</h3></legend>
                        </fieldset>
                        
						<fieldset class="step" style="margin-left:-30px;">
                             <legend><h3>Напишите Ваши контакты:<h3></legend>
                        </fieldset>
                        
                        <fieldset class="step">
                         	<legend><h3>Готово! Мы свяжемся с вами в течении часа.</h3></legend>
                        </fieldset>
                        
                    </form>
Ответить с цитированием
  #4 (permalink)  
Старый 05.01.2013, 19:47
Аспирант
Отправить личное сообщение для Александр141 Посмотреть профиль Найти все сообщения от Александр141
 
Регистрация: 21.08.2012
Сообщений: 36

это только первый шаг, второй дать не могу.
Например: выбрал страну из первого - США, а второй будет показывать операторов, которые есть в этой стране - AT&T и т.д.

И подскажите ещё, пожалуйста, как сделать, чтобы можно было выбрать только один чекбокс

Последний раз редактировалось Александр141, 05.01.2013 в 19:56.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите расшифровать JS pavdin Общие вопросы Javascript 24 01.04.2017 20:37
Помогите с формами Александр141 Элементы интерфейса 2 04.01.2013 20:38
Помогите вытащить отсюда калькулятор sergiocharm Общие вопросы Javascript 8 17.04.2012 22:22
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50
Люди, ПОМОГИТЕ! Bel666 jQuery 11 27.04.2010 15:38