Filtering FullCalendar events with checkboxes (client-side with javascript)
<p>I have a well working fullcalendar script that adds css-classes to events according to data attributes via <code>eventRender</code>. I now need to filter these specific attributes with checkboxes, but I have no idea at all how I should get this going! </p>

<p>My script looks as follows:</p>

<pre><code>&lt;script&gt;
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            eventRender: function(calEvent, element, view) {
                if (calEvent.risk == "normal") {
                    element.css('background-color', '#99FF99');
                }
                if (calEvent.risk == "event") {
                    element.css('background-color', '#415eec');
                }
                if (calEvent.risk == "whisper") {
                    element.css('background-color', '#D7CDD5');
                }
            },
            allDaySlot: true,
            displayEventTime: true,
            displayEventEnd: true,
            editable: false,
            firstDay: 1,
            weekNumbers: true,
            selectable: false,
            weekNumberCalculation: "ISO",
            eventLimit: true, 
            events: 'parts/events22.php'
        });
    });
&lt;/script&gt;
</code></pre>

<p>The html checkboxes:</p>

<pre><code>&lt;div class="checkbox"&gt;
  &lt;label&gt;&lt;input type="checkbox" value="normal"&gt;Normal&lt;/label&gt;
&lt;/div&gt;
&lt;div class="checkbox"&gt;
  &lt;label&gt;&lt;input type="checkbox" value="event"&gt;Event&lt;/label&gt;
&lt;/div&gt;
&lt;div class="checkbox"&gt;
  &lt;label&gt;&lt;input type="checkbox" value="whisper"&gt;Whisper&lt;/label&gt;
&lt;/div&gt;
</code></pre>

<p>Does someone know how I can connect the checkbox-values to <code>calEvent.risk</code>, i.e. specific data attributes so as to filter them? 
Or does someone have a different idea for multiselect filtering with fullcalendar? I'd be really grateful for any help!</p>