Помогите с чекбоксами
Здравствуйте, помогите пожалуйста. У меня есть список, в нём 6 шагов. Я хочу, чтобы, когда выбираешь чекбокс в первом шаге, менялся чекбокс во втором. В первом выбираешь страну, а второй переключается на операторов, которые есть в этой стране.
<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, время: 00:09. |