Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   как создать фильтр с помощью checkbox (https://javascript.ru/forum/misc/63838-kak-sozdat-filtr-s-pomoshhyu-checkbox.html)

Баур 03.07.2016 12:57

как создать фильтр с помощью checkbox
 
Здравствуйте мне дали на работе задание не могу решить помогите плиз!!!
вообшем у меня есть 9 вида топлива кликая на топлива ай 92 должны выйти те адреса в котором они, а когда выбираем два вида топлива ай92 ай93
должны выйти те адреса у которых они есть.
вот мои исходный код


<body>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">


jQuery(document).ready(function(){
jQuery('input.ai92').click(function(){
jQuery('.AI192').css({"display":"block"})
});
jQuery('input.ai93').click(function(){
jQuery('.AI193').css({"display":"block"})
});
jQuery('input.ai94').click(function(){
jQuery('.AI194').css({"display":"block"})
});

});




</script>

АЙ92: <input type="checkbox" name="multi_note" class="ai92" value="1" >
АЙ93: <input type="checkbox" name="multi_note" class="ai93" value="1" >
АЙ94: <input type="checkbox" name="multi_note" class="ai94" value="1" >
<!--<input type="checkbox" name="multi_note" value="1" onclick="showMe(this)">
<input type="checkbox" name="multi_note" value="2" onclick="showM(this)">-->
<div class="AI192 AI194 " style="display:block; display:none;">
КАРАГАНДА
</div>
<div class="AI193 AI194" style="display:block; display:none;">
АСТАНА
</div>
<div class="AI194 AI195" style=" display:none;">
АКТАУ
</div>

</body>

Rasy 03.07.2016 13:05

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 13:58.