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

@Alex Japson · Регистрация: 07.08.2013

Author24 — интернет-сервис помощи студентам

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/ вот новая ссылка

@and_y87 · 02.07.2014, 11:42

Вот работает: 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 ]();
            }
        );
        
    }
)

mihalken · 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; " />

@Alex Japson · 02.07.2014, 15:34 **[ТС]**

большое спасибо вам!

Новые блоги и статьи Все статьи Все блоги /
Агрегаты и сущности в DDD микросервисах Javaican 10.04.2025 Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .	Многопоточность в C#: Task и параллельное программирование UnmanagedCoder 10.04.2025 Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .	Линейное решение нелинейной задачи будет применено как метод обработки данных из double buffering. Формулы от LM конечно с ошибками. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю. Assistant qwen2. 5-14b-instruct . . . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .	Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .

@Alex Japson 37 / 37 / 11 Регистрация: 07.08.2013 Сообщений: 145 Записей в блоге: 1
	02.07.2014, 15:34 [ТС]
	большое спасибо вам! 0

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

Решение