Скрыть флажок, если он установлен (несколько флажков)

Victor_K

Как скрыть флажки независимо когда флажок установлен. Легко сделать для одного, но что, если у меня их несколько?
http://jsfiddle.net/DnMK5/49/

 


<script type="text/javascript" src="[URL='https://lumtu.com/yti/a4yy4anNodHRwOi8vY29kZS5qcXVlcnkuY29tL2pxdWVyeS0xLjguMgjL']http://code.jquery.com/jquery-1.8.3.js[/URL]"></script>


<div id="ShowMeDIV">


<input type="checkbox" id="MyCheckBox" />


</div>


$('#MyCheckBox').click(function() {


if ($(this).is(':checked')) {


$("#ShowMeDIV").hide();


} else {


$("#ShowMeDIV").show();


}


});

Код (разметка):

Eugenia1

Вероятно, это можно сделать в main.css, если у формы есть собственный идентификатор. Я присваиваю всем формам и таблицам весьма конкретный идентификатор, поэтому, если он есть на странице, я точно знаю, что происходит.

Объедините это с занятиями и т. д., и вы получите большой контроль. вы также используете jquery, верно? Довольно легко установить все флажки в форме по типу или по классу, а затем пройтись по ним и скрыть неотмеченные параметры.

taraska1

Возможно.

Я предпочитаю использовать флажки вместо переключателей, даже если для переключения между ними мне приходится использовать JavaScript. В данном случае, вероятно, не имеет значения, что я использую.

Идея Попа сработает, если я помещу этот CSS на эту страницу (я не могу поместить его в основной .css, поскольку он будет влиять на все флажки).

boriskin

Да, это относится к общему CSS, только внутри идентификатора, класса или чего-то еще.

И, поскольку вы можете оформить как радио, так и флажок по своему усмотрению, на самом деле нет необходимости выбирать один из них.

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

Похожие темы	Дата
Продвинутый JavaScript	19.10.2024, 18:10
[seelentera] Никита Северинов - Javascript. Уровень 1	19.10.2024, 18:10
Современный учебник JavaScript	19.10.2024, 18:10
Angular и TypeScript. Сайтостроение для профессионалов (pdf+epub) - Яков Файн, 2018	19.10.2024, 18:10
проверка полей формы не работает	19.10.2024, 18:10
JQuery внизу страницы с вызовом функции перед ним	19.10.2024, 18:10
Демонстрация приложений, таких как Календарь Google	19.10.2024, 18:10
Измените слова с помощью jQuery ~ ChangeTheWords: плагин jQuery	19.10.2024, 18:10
какой правильный код для URL-адреса идентификатора строки извлечения?	19.10.2024, 18:10
Практика и эффективность JavaScript — Lynda.com [RUS]	19.10.2024, 18:10

Скрыть флажок, если он установлен (несколько флажков)

Victor_K

Eugenia1

taraska1

boriskin

I AM

Интересно