Javascript.RU

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

Помогите с чекбоксами
Мне нужно, чтобы когда выбираешь чекбокс в первом шаге, менялся чекбокс во втором. Например: в первом выбрал страну-США, а второй шаг переключился на операторов, которые есть в этой стране - AT&T. То есть, есть большой список операторов, но каждый относится к определённой стране, я хочу, чтобы это было удобнее и оперторы появлялись только после выбора страны.

<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 />
                        <ul class="checklist">
						<li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/atticon.png" width="70px" height="50px" />
                        		<br />
                        		<h3>AT&T</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/uk.co.o2.android.myo2_icon.png" width="50px" height="50px" />
                        		<br />
                        		<h3>O2</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/logo-bouygues-telecom.png" width="50px" height="50px" />
                        		<br />
                        		<h3>Bouygues</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/Icon_MyOptusApp_110x110.png" width="50px" height="50px" />
                        		<br />
                        		<h3>Optus</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/com_tibben_telstra3____139617.png" width="50px" height="50px" />
                        		<br />
                        		<h3>Telstra</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/com_tibben_telstra3____139617.png" width="50px" height="50px" />
                        		<br />
                        		<h3>Virgin</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li>
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/Vodafone-icon.png" width="50px" height="50px" />
                        		<br />
                        		<h3>Vodafone</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
                        
                        <li>   
                    		<input name="jqdemo" value="value1" type="checkbox" id="choice_a"/>
								<img src="img/Icon.10239.png" width="50px" height="50px" />
                        		<br />
                        		<h3>Swisscom</h3>
								<a class="checkbox-select" href="#">Выбрать</a>
								<a class="checkbox-deselect" href="#">Отменить</a>
        				</li> 
 
                        </ul>
        				</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>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите с чекбоксами Александр141 Элементы интерфейса 0 06.01.2013 14:30
Помогите разобраться!!! Greendumb Общие вопросы Javascript 8 19.08.2010 14:04
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50
Помогите написать скрипт для корзины Deep Элементы интерфейса 1 19.06.2010 14:46
помогите задать селектор! mkrylov jQuery 2 28.06.2009 20:34