Помогите еще разок.... Как бы та сделать, чтобы когда выбираешь чекбокс "100" и чекбокс "первый", результатом был один DIV с названием "первый 100"...?
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.diametr_form label{
display: table-row;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
var checkbox = $('#diametr_form input:checkbox'), block = $('#diametr_form~#my_model');
block.hide();
checkbox.change(function() {
var cls = "" + $.map(checkbox.filter(":checked"), function(el) {
return '[class~="'+el.value+'"]'
});
block.hide().filter(cls).show();
});
});
</script>
</head>
<body>
<form method="post" action="" id="diametr_form">
<label><input type="checkbox" value="100" class="d100" />100 мм</label>
<label><input type="checkbox" value="125" class="d125" />125 мм</label>
<label><input type="checkbox" value="200*400" class="d200x400" />200*400 мм</label>
<label><input type="checkbox" value="Первый" class="dperv" />Первый</label>
<label><input type="checkbox" value="Второй" class="dvtor" />Второй</label>
</form>
<div id="my_model" class="Первый 100" style="display:block; width:10em; border:1px solid red;"> *!*Первый 100*/!*</div><br/>
<div id="my_model" class="Второй 100" style="display:block; width:10em; border:1px solid red;">Второй 100</div><br/>
<div id="my_model" class="Ура 125" style="display:block; width:10em; border:1px solid red;">Ура 125</div><br/>
<div id="my_model" class="Опять 125" style="display:block; width:10em; border:1px solid red;">Опять 125</div><br/>
<div id="my_model" class="Еще 150" style="display:block; width:10em; border:1px solid red;">Еще 150</div><br/>
<div id="my_model" class="Раз 150" style="display:block; width:10em; border:1px solid red;">Раз 150</div><br/>
<div id="my_model" class=",kf 200*400" style="display:block; width:10em; border:1px solid red;">,kf 200*400</div><br/>
<div id="my_model" class="gg 200*400" style="display:block; width:10em; border:1px solid red;">gg 200*400</div><br/>
</body>
</html>
