title: How to filter table through checkbox values
body: <p>In my Razor view I have a table with 3 non displayed properties. <code>Id_Loaction</code>, <code>Id_Level</code> &amp; <code>Id_Section</code></p>
  
  <p>Above this table I have 3 lists of checkboxes for every location, level &amp; section with the appropriate Ids as the value.</p>
  
  <pre class="lang-html prettyprint-override"><code>@foreach (var section in Model.Sections)
  {
      &lt;li&gt;
        &lt;input type="checkbox" data-bind="checked: data" value="@Html.Encode(section.Value)"/&gt;@Html.Encode(section.Text)
      &lt;/li&gt;
  }   
  </code></pre>
  
  <p>Note: <code>section.Value</code> is the ID of the element which is also used in the table rows</p>
  
  <p>The table itself is fairly simple built:</p>
  
  <pre><code>@foreach (var item in Model.Offers) 
  {
      &lt;tr data-bind="visible: data.IsChecked == true "&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Description)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Location)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Section.Text)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Section.Value)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Section.IsChecked)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.DisplayFor(modelItem =&gt; item.Level)
      &lt;/td&gt;
      &lt;td&gt;
          @Html.ActionLink("Details", "Details", new { id=item.ID })
      &lt;/td&gt;
  &lt;/tr&gt;
  }
  
  
  &lt;script type="text/javascript"&gt;
      var data = @Html.Raw(Json.Encode(Model.Sections));
  
      function FormViewModel(data) {
          this.data = ko.observableArray(data);
      }
  
      window.viewModel = new FormViewModel(data);
  
      console.log(viewModel.data());    
      ko.applyBindings(viewModel);
  &lt;/script&gt;
  </code></pre>
  
  <p>/edit:
  I have updated the code to my actual mess. The Model.Sections is a ViewModel, which is identical to the ViewModel used for Model.Offers.Section. Both contain a Value, Text and IsChecked property.</p>
  
  <p>How can I compare both those and display only the table rows on which the section is checked?</p>
  
  <p>Please go slow on me. 
  Kind regards</p>