Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 2

Раскрыть содержимое тега p при нажатии на радио-кнопку

01.03.2016, 20:25. Показов 641. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Ребята помогите пожалуйста начинающему программисту.
Есть код:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div>
                        <input type="radio" class="checkCat" name="checkCat" value=">">
                        <label class="checkCatLabel"> Тонирующие, солнцезащитные</label><br>
                        <p class="catRow" style="display: none; padding-left: 30px;">
 
                            <span class="forOpera">
                                <img src="image/calculator/plenka_img0_0.jpg" class="cat_image">
                                <input type="radio" class="productRow" name="productRow[]" value="750">
                                <label>Светлое зеркало (silver 5)</label>
                            </span>
 
                            <span class="forOpera">
                                <img src="image/calculator/plenka_img0_1.jpg" class="cat_image">
                                <input type="radio" class="productRow" name="productRow[]" value="900">
                                <label>Светлое зеркало (silver 15)</label>
                            </span>
 
                            <span class="forOpera">
                                <img src="image/calculator/plenka_img0_2.jpg" class="cat_image">
                                <input type="radio" class="productRow" name="productRow[]" value="900">
                                <label>Светлое зеркало (silver 25)</label>
                            </span>
 
                            <span class="forOpera">
                                <img src="image/calculator/plenka_img0_3.jpg" class="cat_image">
                                <input type="radio" class="productRow" name="productRow[]" value="1100">
                                <label>Светлое зеркало (silver 40)</label>
                            </span>
                        </p>
                    </div>
Тэг р за счет display:none скрыт со всем содержимым. Цэлый день пытаюсь через jquery раскрыть это содержимое при нажатии на радио-кнопку. ДЕлаю выборку $(.checkCat), а как добраться до тэга р, чтобы установить ему стиль display:block ?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
01.03.2016, 20:25
Ответы с готовыми решениями:

Отправка формы при нажатии на радио кнопку
Здравствуйте как можно отправить данные при нажатии на радио кнопку без submit Или можете пред6 другой вариант, мне нужно после выборке...

Изменить содержимое дива при нажатии на кнопку - авторизация и выход
Допустим, у меня есть сайт. На нем есть поле для авторизации. Выглядит оно так: Это поле представляет собой див с инпутами, кнопкой и...

Как сделать чтобы при нажатии на кнопку менялась и кнопка, и определенное содержимое?
/---HTML---/ &lt;div id=&quot;block&quot; class=&quot;five&quot;&gt; &lt;h1&gt;schreenshot&lt;/h1&gt; &lt;img src=&quot;img/slider/screen1.png&quot; name=&quot;example_img&quot; /&gt;&lt;br&gt; ...

3
 Аватар для fanatikus
1932 / 1523 / 703
Регистрация: 17.11.2012
Сообщений: 6,585
01.03.2016, 20:55
JavaScript
1
$(this).next().next().next().show();
0
0 / 0 / 0
Регистрация: 01.03.2016
Сообщений: 2
01.03.2016, 21:58  [ТС]
Спасибо) Решил задачу)
0
Эксперт PHP
 Аватар для Fedor Vlasenko
936 / 693 / 236
Регистрация: 01.02.2015
Сообщений: 1,848
02.03.2016, 02:35
Здесь не обязательно js использовать
Вот примеры решения без js
https://jsfiddle.net/vlasenkofedor/zQ6ae/
https://jsfiddle.net/vlasenkofedor/qPC6a/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.03.2016, 02:35
Помогаю со студенческими работами здесь

Как скопировать всё содержимое тега (включая другие теги и их содержимое) и вставить внутрь другого тега
Пробовал .clone $(&quot;.la_desktop&quot;).clone().appendTo(&quot;.la_mobile&quot;); HTML: &lt;div class=&quot;l_articles la_desktop&quot;&gt; ...

Необходимо, чтобы при нажатии на одну из кнопок меню, фрейм с рекламой сворачивался, и разворачивался снова при нажатии на другую кнопку
Задача такая: Есть три фрейма (расположены друг под другом) - это реклама (вверху), меню (посередке) и главная страница (внизу)....

Как раскрыть кнопку при нажатии на строку в DataGridView?
При запуске программы кнопка (для удаления) неактивна, после выбора строки в DataGridView, кнопка активируется, и на неё можно нажать,...

Воспроизведение m3u файлов (радио) при нажатии на кнопку по очереди
Здравствуйте ! Я делаю свою программу для прослушивания радио. Никак не могу понять как сделать так чтоб при нажатии на кнопку (кнопка в...

Как обновить содержимое блока при нажатии на кнопку
Всем привет. Не знаю, в какой раздел писать, так что пишу сюда. Есть такой код &lt;blockquote...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Философия технологии
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, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru