Предустановка радиопереключателя в ссылке.
Пытаюсь сделать универсальную форму управления учетными данными. Столкнулся с проблемой предвыбора значения радиопереключателя. Т.е. в ссылке передается его значение, средствами js читаю параметры в переменную, а вот как реализовать значение "checked" переключателя в зависимости от значения переменной, полученной из ссылки?
Сылка выглядит так: www.musytes.org?che=true Обработка значений <!DOCTYPE HTML> <html> <head> </head> <body> <script language="javascript"> // Получаем значение из URL var p_url=location.search.substring(1); function rdForm(f) { // Если поставлена радиокнопка1, снимаем блокирование текстового поля pri if (f.rd['0'].checked) f.pri.disabled = 0 // В противном случае вновь блокируем текстовое поле pri else f.pri.disabled = 1 // Если поставлена радиокнопка2, снимаем блокирование текстового пол я email if (f.rd['1'].checked) f.email.disabled = 0 // В противном случае вновь блокируем текстовое поле email else f.email.disabled = 1 } </script> <div class="row-fluid"<> <div class="span12"> <div class="alert alert-info"> <button type="button" class="close" data-ismiss="alert">×</b utton> <strong class="text-error"><h3>Уважаемый <%= $email %> Вы хотите: </h3></strong> <form> <div class="row-fluid"> <div class="span4"> <label class="radio"> <input type="radio" name="rd" id="0" value="option1" onclick="rdForm(this.form)" <--! Здесь должно быть значение checked если p_url=0, конструкции типа checked="true" не работают --> Отписаться от рассылки </label> <textarea type="text" name="pri" rows="3" placeholder="У кажите причину отписки" disabled></textarea> </div> <div class="span6"> <label class="radio"><input type="radio" name="rd" id="1" value="option2" onclick="rdForm(this.form)" <--! Здесь должно быть значение checked если p_url=1--> Изменить свой email </label> <div class="control-group"> <label class="control-label" for="inputEmail"></label> <div class="controls"> <input type="text" name="email" id="input Email" placeholder="Ваш новый еmail" disabled> </div> </div> </label> </div> </div> <p> <div class="controls"> <button type="submit" class="btn">Отправить</button> </div> </p> </form> </div> </div> </div> </body> </html> Извините если мутно излагаю, но вот скриншоты для ясности: Так дожна выглядеть форма при переходе на на нее ссылкой: www.musytes.org?che=true http://hostingkartinok.com/show-imag...265e1884e8822c А так при переходе с www.musytes.org?che=false http://hostingkartinok.com/show-imag...33cd985ce788d2 Вообщем все упирается в следующее: Возможно ли такое сделать средствами java-script в-принципе? Если да, то как средствами java-script, параметр "checked" тега input type="radio" определять сразу после загрузки страницы в зависимости от значения переменной, полученной из URL? Заранее спасибо! |
Цитата:
<!DOCTYPE html> <html> <head> <!-- <link rel="stylesheet" type="text/css" href="tmp.css" /> <script src="http://code.jquery.com/jquery-latest.js"></script> --> <style type="text/css"> label { display: block; } </style> <script type="text/javascript"> window.onload=function (){ var i=1; var o=document.getElementsByTagName('input'); o[i].setAttribute('checked',true); }; </script> </head> <body> <label><input type='radio' name='test' />0</label> <label><input type='radio' name='test' />1</label> <label><input type='radio' name='test' />2</label> </body> </html> |
ksa
СПАСИБО! Все работает!!!:) |
Часовой пояс GMT +3, время: 10:58. |