derevo,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide {
display: none;
}
</style>
</head>
<body>
<input id="filter" type="checkbox">только отличия
<div class="cd-products-table">
<div class="feateres">
<ul class="cd-feateres-list">
<li class="osnovtr tr10">Тип акустики</li>
<li class="osnovtr tr11">Количество полос</li>
<li class="osnovtr tr12">Мощность номинальная</li>
<li class="osnovtr tr13">Мощность максимальная</li>
</ul>
</div>
<div class="cd-products-wrapper">
<ul class="cd-products-coliumns">
<li class="product">
<ul class="cd-feateres-list">
<li class="osnovtd tr10">коаксиальная</li>
<li class="osnovtd tr11">2</li>
<li class="osnovtd tr12">60 Вт</li>
<li class="osnovtd tr13">180 Вт</li>
</ul>
</li>
<li class="product">
<ul class="cd-feateres-list">
<li class="osnovtd tr10">коаксиальная</li>
<li class="osnovtd tr11">2</li>
<li class="osnovtd tr12">30 Вт</li>
<li class="osnovtd tr13">90 Вт</li>
</ul>
</li>
<li class="product">
<ul class="cd-feateres-list">
<li class="osnovtd tr10">коаксиальная</li>
<li class="osnovtd tr11">2</li>
<li class="osnovtd tr12">60 Вт</li>
<li class="osnovtd tr13">240 Вт</li>
</ul>
</li>
</ul>
</div>
</div>
<script>
window.addEventListener("DOMContentLoaded", function() {
var b = document.querySelector("#filter");
b.addEventListener("change", function() {
[".tr10", ".tr11", ".tr12", ".tr13"].forEach(function(a) {
a = document.querySelectorAll(a);
var c = a[1].innerHTML,
c = b.checked && [].every.call(a, function(a, b) {
return !b || a.innerHTML == c
}) ? "add" : "remove";
[].forEach.call(a, function(a) {
a.classList[c]("hide")
})
})
})
});
</script>
</body>
</html>