Помогите с формами
Здравствуйте, помогите пожалуйста. У меня есть список, в нём 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>
|
Так сложно это сделать, хотелось бы видеть уже готовый HTML и первого и второго шагов с представленными чекбоксами а то не знаю даже чем оперировать
|
<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>
|
это только первый шаг, второй дать не могу.
Например: выбрал страну из первого - США, а второй будет показывать операторов, которые есть в этой стране - AT&T и т.д. И подскажите ещё, пожалуйста, как сделать, чтобы можно было выбрать только один чекбокс |
| Часовой пояс GMT +3, время: 11:21. |