Ставим галочку на radio и появляеться блок

@vl-it · Регистрация: 01.07.2014

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

Здравствуйте, вопрос возник, ставлю галочку и блок появляется, а если убираю то не исчезает, как сделать что бы исчезал?

<input type="radio" onclick="document.getElementById('idbloc k1').style.display='block'; document.getElementById('idblock2').styl e.display='block'" name="on_etazh" value="Стоимость подъема на этаж" id="checkboxG2" class="css-checkbox" />

<div id="idblock1" style="display:none">
Блок появляется при простановки галочки в radio.
</div>

@fol · 19.05.2015, 10:59

на jquery

JavaScript
1
2
3
4
5
6
7
$('input:checkbox').change(function(){
    if($(this).attr('checked', 'checked')){
        $('div').css('display','block');
    }else{
        $('div').css('display','none');
    }
});

@vl-it · 19.05.2015, 16:00 **[ТС]**

Этот метод будет работать на все импуты и т.д ?
А как мне задействовать к определенным импутам.

@amadey18 · 19.05.2015, 16:10

vl-it,

JavaScript
1
 if($(this).attr('id') == 'ваш id' && $(this).attr('checked', 'checked'))

@vl-it · 19.05.2015, 17:19 **[ТС]**

amadey18
Не работает этот метод.

@alexsamos33 · 19.05.2015, 23:50

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<input type="radio" name="on_etazh" onclick="_show_hide();" value="Стоимость подъема на этаж" id="checkboxG2" class="css-checkbox" />1
<br><input type="radio" name="on_etazh" onclick="_show_hide();" value="Стоимость подъема на этаж2" id="checkboxG3" class="css-checkbox" />2
<div id="idblock1" style="display:none">
Блок появляется при простановки галочки в radio.
</div>
<script>
_show_hide();
function _show_hide() {
var radio=document.getElementById("checkboxG2");
var div=document.getElementById("idblock1");
if (radio.checked) {
div.style.display="block";
} else {
div.style.display="none";
}
}
</script>

@vl-it · 20.05.2015, 08:25 **[ТС]**

работать то работает, а толку то, у меня там radio стоит, между двумя импутами, один из них можно выбирать, если я галочку с одного снимаю то есть выбираю другой, то то что открылось то что нужно показывать, оно не скрывается. блок который появляется. при простановке галочки.

а так же как можно второй id вписать? var div=document.getElementById("idblock1");
idblock1 и idblock1 что бы скрипт на два срабатывал сразу.

Добавлено через 7 минут
у меня два импута радио, у каждого свой блок открывается при простановки галочки.
выбирать можно один из двух, так вот если я какой то выбрал и блок открылся который скрыт, а потом выбираю другой вариант галочку ставлю, то с первого она снимается, но блок который открылся, он не исчезает.

Новые блоги и статьи Все статьи Все блоги /
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47

	Ставим галочку на radio и появляеться блок 19.05.2015, 08:26. Показов 2790. Ответов 6 Метки нет (Все метки) Здравствуйте, вопрос возник, ставлю галочку и блок появляется, а если убираю то не исчезает, как сделать что бы исчезал? <input type="radio" onclick="document.getElementById('idbloc k1').style.display='block'; document.getElementById('idblock2').styl e.display='block'" name="on_etazh" value="Стоимость подъема на этаж" id="checkboxG2" class="css-checkbox" /> <div id="idblock1" style="display:none"> Блок появляется при простановки галочки в radio. </div> 0

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47
	19.05.2015, 16:00 [ТС]
	Этот метод будет работать на все импуты и т.д ? А как мне задействовать к определенным импутам. 0

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47
	19.05.2015, 17:19 [ТС]
	amadey18 Не работает этот метод. 0

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47
	20.05.2015, 08:25 [ТС]
	работать то работает, а толку то, у меня там radio стоит, между двумя импутами, один из них можно выбирать, если я галочку с одного снимаю то есть выбираю другой, то то что открылось то что нужно показывать, оно не скрывается. блок который появляется. при простановке галочки. а так же как можно второй id вписать? var div=document.getElementById("idblock1"); idblock1 и idblock1 что бы скрипт на два срабатывал сразу. Добавлено через 7 минут у меня два импута радио, у каждого свой блок открывается при простановки галочки. выбирать можно один из двух, так вот если я какой то выбрал и блок открылся который скрыт, а потом выбираю другой вариант галочку ставлю, то с первого она снимается, но блок который открылся, он не исчезает. 0

Опции темы