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

Как скрыть флажки независимо когда флажок установлен. Легко сделать для одного, но что, если у меня их несколько?
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();


}


});

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

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

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

Возможно.

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

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

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

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

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