Скрыть данные при двойном нажатии на radio

@Secret73 · Регистрация: 14.01.2016

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

Добрый день. В данном куске html кода, когда checked стоит на "Другие данные" то появляются доп. поля. Подскажите как сделать, что бы при повторном нажатии на radio, checked снимался и поля скрывались? Реально ли такое сделать с radio?

HTML5
1
2
3
4
<tr>
    <td><input type="radio" name="us_ad" value="0" id="us_ad_n"></td>
    <td><label for="us_ad_n">Другие данные</label></td>
</tr>

@kalabuni · 05.09.2016, 11:52

как раз с отдельной радиокнопкой (и с отдельным чекбоксом) такое сделать проще всего, потому что первое нажатие (первое событие click) сделает радиокнопку отмеченной -- её свойство checked становится равным true

повторное нажатие (второе событие click) снимет отметку -- свойство радиокнопки checked станет равным false
назначаете радиокнопке на событие onclick функцию, которая проверяет её свойство checked на истину / ложь и, в зависимости от результата проверки, показывает или скрывает дополнительное поле (поля)
<input onclick="(this.cheked) ? func_show () : func_hide ()">

разумеется, всё написанное касается радиокнопки, которая не состоит в "группе радиокнопок" -- в "группе" повторное нажатие на отмеченную радиокнопку не снимает с неё отметку
для всех иных HTML-элементов нужно либо вводить какой-то дополнительный "флаг", либо проверять текущее состояние видимости показываемого / скрываемого поля (полей)

@Secret73 · 05.09.2016, 11:59 **[ТС]**

kalabuni, Вот попробовал в песочнице, но checked не убирает
https://jsfiddle.net/mrbbLqxm/

@Cdelphi78 · 05.09.2016, 12:13

kalabuni, а что это за функции такие странные func_show () func_hide () они разве есть в java script?

@kalabuni · 05.09.2016, 12:15

func_show () и func_hide () -- это две отдельные функции, которые должны быть определены

т.е. в javascript-коде должны быть строки:
function func_show () {тело функции, которая показывает поля}
и function func_show () {тело функции, которая скрывает поля}
я полагал, что у вас эти функции имеются
написать их легко, только надо иметь HTML-код тех самых ваших показываемых / скрываемых полей
вы этот код здесь не выкладывали, потому я эти функции и не смог определить

@Secret73 · 05.09.2016, 12:20 **[ТС]**

kalabuni, теперь я понял Вас.

@kalabuni · 05.09.2016, 12:22

надо знать -- какие у этих ваших показываемых / скрываемых полей имена (идентификаторы) или где конкретно они в коде находятся (чтобы обратиться к ним через иерархию документа)

@Secret73 · 05.09.2016, 13:32 **[ТС]**

kalabuni, пока с этим не разобрался еще

Добавлено через 21 минуту
kalabuni, Вот кусок из js, который отвечает за показ скрытых полей при radio checked

JavaScript
1
2
3
if ($('#ad-list').length>0 && $('input[name="us_ad"]:checked').val()!='0') {
        $('.n-ad').hide();
    }

@kalabuni · 05.09.2016, 13:48

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

Вот кусок из js

это не js -- это псевдоязык библиотеки jquery
если имеете страстное желание даже самые простейшие коды писать с использованием именно этой библиотеки, то попросите модераторов перенести вашу тему в соответствующий раздел -- https://www.cyberforum.ru/javascript-jquery/ -- там вам быстрее помогут, "~~недо~~профессионалов" там больше

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	05.09.2016, 11:52
	как раз с отдельной радиокнопкой (и с отдельным чекбоксом) такое сделать проще всего, потому что первое нажатие (первое событие click) сделает радиокнопку отмеченной -- её свойство checked становится равным true повторное нажатие (второе событие click) снимет отметку -- свойство радиокнопки checked станет равным false назначаете радиокнопке на событие onclick функцию, которая проверяет её свойство checked на истину / ложь и, в зависимости от результата проверки, показывает или скрывает дополнительное поле (поля) <input onclick="(this.cheked) ? func_show () : func_hide ()"> разумеется, всё написанное касается радиокнопки, которая не состоит в "группе радиокнопок" -- в "группе" повторное нажатие на отмеченную радиокнопку не снимает с неё отметку для всех иных HTML-элементов нужно либо вводить какой-то дополнительный "флаг", либо проверять текущее состояние видимости показываемого / скрываемого поля (полей) 0

@Secret73 12 / 12 / 7 Регистрация: 14.01.2016 Сообщений: 264
	05.09.2016, 11:59 [ТС]
	kalabuni, Вот попробовал в песочнице, но checked не убирает https://jsfiddle.net/mrbbLqxm/ 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	05.09.2016, 12:13
	kalabuni, а что это за функции такие странные func_show () func_hide () они разве есть в java script? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	05.09.2016, 12:15
	func_show () и func_hide () -- это две отдельные функции, которые должны быть определены т.е. в javascript-коде должны быть строки: function func_show () {тело функции, которая показывает поля} и function func_show () {тело функции, которая скрывает поля} я полагал, что у вас эти функции имеются написать их легко, только надо иметь HTML-код тех самых ваших показываемых / скрываемых полей вы этот код здесь не выкладывали, потому я эти функции и не смог определить 0

@Secret73 12 / 12 / 7 Регистрация: 14.01.2016 Сообщений: 264
	05.09.2016, 12:20 [ТС]
	kalabuni, теперь я понял Вас. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	05.09.2016, 12:22
	надо знать -- какие у этих ваших показываемых / скрываемых полей имена (идентификаторы) или где конкретно они в коде находятся (чтобы обратиться к ним через иерархию документа) 0