Предустановка радиопереключателя в ссылке.
Пытаюсь сделать универсальную форму управления учетными данными. Столкнулся с проблемой предвыбора значения радиопереключателя. Т.е. в ссылке передается его значение, средствами 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, время: 14:49. |