Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/32: Рейтинг темы: голосов - 32, средняя оценка - 4.56
 Аватар для Alex Japson
37 / 37 / 11
Регистрация: 07.08.2013
Сообщений: 145
Записей в блоге: 1

Показать/скрыть элемент при клике на checkbox

02.07.2014, 10:05. Показов 6649. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
http://jsfiddle.net/alex_japson/ePCp5/ как исправить? хочу чтобы при клике на checkbox появлялся input с вводом старой фамилии

Добавлено через 9 минут
HTML5
1
2
3
4
5
6
7
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>Фамилия
    <input class='check' type='text' size='40'>
</p>
<p class='old'>
    <input type='checkbox'>ранее менялась</br>
    <input type='text' </p>
CSS
1
2
3
4
5
6
7
8
.check {
    position:relative;
    left:15%;
}
.old {
    position:relative;
    left:25%;
}
http://jsfiddle.net/alex_japson/u6Vby/ вот новая ссылка
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
02.07.2014, 10:05
Ответы с готовыми решениями:

Скрыть и показать блок при клике
Добрый день! не могу решить такую проблему. В начале у меня у блока задана высота в 49px и стоит свойство opacity: 0.5. При клике я хочу...

Показать/скрыть блок div при клике
Добрый день! Пробую сделать штуку на jQuery, чтобы при щелчке мыши по надписи &quot;Показать/скрыть форму заявки&quot; появлялся блок с формой,...

Выпадающее меню: показать и скрыть при клике.
Всем доброго времени суток. Есть кусок кода, который при наведении вызывает плавно выпадающее меню Подскажите как сделать, чтобы меню...

3
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
02.07.2014, 11:42
Лучший ответ Сообщение было отмечено Alex Japson как решение

Решение

Вот работает: http://jsfiddle.net/u6Vby/1/

P.S. Используйте двойные кавычки в атрибутах HTML.

Код_JS

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(
    function()
    {
        
        $('#is_old_family').on(
            'change',
            function()
            {
                var 
                    active = 'hide',
                    obj    = $('#old_family');
                if (  $('#is_old_family').is(":checked")  ) active = 'show';
                obj[ active ]();
            }
        );
        
    }
)
1
 Аватар для mihalken
97 / 97 / 74
Регистрация: 15.05.2014
Сообщений: 269
Записей в блоге: 2
02.07.2014, 14:17
Вариант без JQ:
HTML5
1
2
<input type='checkbox' onchange="document.getElementById('old_name').style.display = this.checked ? 'block' : 'none'" />ранее менялась<br />
<input type='text' class="old" id="old_name" style="display: none; " />
1
 Аватар для Alex Japson
37 / 37 / 11
Регистрация: 07.08.2013
Сообщений: 145
Записей в блоге: 1
02.07.2014, 15:34  [ТС]
большое спасибо вам!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
02.07.2014, 15:34
Помогаю со студенческими работами здесь

Показать/скрыть меню при клике вне его области
&lt;button type=&quot;button&quot; id=&quot;toggle&quot;&gt;Меню&lt;/button&gt; &lt;ul class=&quot;nav&quot; id=&quot;nav&quot;&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a...

Скрыть элемент при клике на него
Здравствуйте! Подскажите как правильно скрыть элемент при нажатии на него... Я написал такой код, но он не понимает, что я хочу. ...

Скрыть элемент при клике за его пределами
Доброго времени суток Делаю панель пользователя class=&quot;hide&quot; - display:none; Все работает - по клику выезжает, по клику вне DIV'а...

Как скрыть элемент див при клике на другой див?
Есть див с id и у див есть фон с картинкой, мне надо, чтобы при клике на него скрывался другой элемент с дивом и так же с фоном. Как...

Скрыть и показать элемент
Тут такая проблема : Мы имеем &lt;div id=&quot;hmenu&quot;&gt; Мне нужно , чтобы при нажатии на определенную клавишу opacity ида hmenu плавно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru