на странице чекбоксы при активации их и нажатии "ОК" должны появится поля ввода

@azatfff · Регистрация: 10.07.2012

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

Как сделать так чтобы при выборе checkbox'а и нажатии "Ок" потом появлялись поля ввода текста?

KOPOJI · 10.07.2012, 22:48

вам на js или на php?

@azatfff · 11.07.2012, 07:48 **[ТС]**

желательно на js

KOPOJI · 11.07.2012, 09:54

ну если самое простое то вот

JavaScript
1
2
3
4
5
6
7
<script>
function showField() {
    if(document.getElementById('btn').checked) {
        document.getElementById('field').style.display='block';
    }
}
</script>

HTML5
1
2
3
4
5
<form method="post">
<input type="checkbox" name="btn" id="btn">
<input type="button" name="ok" value="OK" onclick="showField();">
<input type="text" name='text' id="field" style="display:none;">
<form>

Добавлено через 1 минуту
можно по другому - изначально его не будет, а при нажатии будет добавлять в блок к примеру (jquery)

@azatfff · 11.07.2012, 21:23 **[ТС]**

спасибо))

Добавлено через 6 часов 29 минут

Сообщение от KOPOJI

ну если самое простое то вот

JavaScript
1
2
3
4
5
6
7
<script>
function showField() {
    if(document.getElementById('btn').checked) {
        document.getElementById('field').style.display='block';
    }
}
</script>

HTML5
1
2
3
4
5
<form method="post">
<input type="checkbox" name="btn" id="btn">
<input type="button" name="ok" value="OK" onclick="showField();">
<input type="text" name='text' id="field" style="display:none;">
<form>

Добавлено через 1 минуту
можно по другому - изначально его не будет, а при нажатии будет добавлять в блок к примеру (jquery)

я добавил еще кнопку для очистки, как сделать чтобы он опять не исчезал при нажатии на нее?

@azatfff · 13.07.2012, 10:40 **[ТС]**

вот такая страница, при нажатии на "Добавить критерии поиска" появляется список "По названию" "По автору" "По ключевым полям", выбираем нужное нажимаем "ок", появляются input'ы - это я сделал. Но как сделать чтобы при нажатии на крестик только это поле одно очищалось а не исчезали все поля?

KOPOJI · 13.07.2012, 11:29

да также.

JavaScript
1
2
3
4
5
6
if(document.getElementById('btn1').checked) {
        document.getElementById('field1').style.display='block';
    }
else if(document.getElementById('btn2').checked) {
        document.getElementById('field2').style.display='block';
    }

Не по теме:

правда если много всего это будет "говнокод" конечно..

@Vladyka · 18.02.2014, 00:40

а как в php сделать чтобы кнопка (например Оk) была активна только после установки галочки на чекбокс?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@azatfff 0 / 0 / 0 Регистрация: 10.07.2012 Сообщений: 4

	на странице чекбоксы при активации их и нажатии "ОК" должны появится поля ввода 10.07.2012, 20:48. Показов 3658. Ответов 7 Метки нет (Все метки) Как сделать так чтобы при выборе checkbox'а и нажатии "Ок" потом появлялись поля ввода текста? 0

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	10.07.2012, 22:48
	вам на js или на php? 1

@azatfff 0 / 0 / 0 Регистрация: 10.07.2012 Сообщений: 4
	11.07.2012, 07:48 [ТС]
	желательно на js 0

@azatfff 0 / 0 / 0 Регистрация: 10.07.2012 Сообщений: 4
	13.07.2012, 10:40 [ТС]
	вот такая страница, при нажатии на "Добавить критерии поиска" появляется список "По названию" "По автору" "По ключевым полям", выбираем нужное нажимаем "ок", появляются input'ы - это я сделал. Но как сделать чтобы при нажатии на крестик только это поле одно очищалось а не исчезали все поля? Миниатюры 0

@Vladyka 0 / 0 / 0 Регистрация: 02.11.2013 Сообщений: 23
	18.02.2014, 00:40
	а как в php сделать чтобы кнопка (например Оk) была активна только после установки галочки на чекбокс? 0

Опции темы