+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

Форма со скрытым полем. jQuery

В нашем случае, это форма, поле для ввода текста в которой появляется при выборе определенного варианта.
Пишем код:
<script type="text/javascript">
$(document).ready(function(){
$('#4').click(function(){
$('#my').fadeIn('slow');
});
$('#1, #2, #3').click(function(){
$('#my').fadeOut('slow');
$('input[name="other"]').attr('value','');
});
});
</script>
Создаем форму:
<form id="form">
<fieldset style="width:21%;">
<legend><b>Какой напиток вам больше по душе?</b></legend>
<input type="radio" name="i" checked id="1">Чай
<input type="radio" name="i" id="2">Кофе
<input type="radio" name="i" id="3">Сок
<input type="radio" name="i" id="4">Свой вариант
<div id='my' style="display:none;">
<input type="text" name="my" value="">
</div>
</fieldset>
</form>
Ну и конечно же скрипт jquery.js

Демонстрация


Остались вопросы? Спрашивайте!


Понравилась статья? Расскажи другим :)

Опубликовано: | Просмотров: 3988