如何使用FullCalendar中的复选框隐藏事件？

Question

我希望能够有三个复选框（默认情况下已选中），当取消选中时，会隐藏FullCalendar中的某些事件。

这些活动来自三种不同的公开Goog​​le日历：

$（ '＃日历'）。fullCalendar（{

        theme: true,
        editable: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        eventSources: [
        {
            url: "...",
            borderColor: 'red',
            textColor: 'black',
            editable: true,
            id: "events",
            className: "events",
        },
        {
            url: "...",
            borderColor: '#01DF3A',
            textColor: 'black',
            editable: true,
            id: "rto",
            className: "rto",
        },
        {
            url: "...",
            borderColor: 'blue',
            textColor: 'black',
            editable: true,
            id: "goals",
            className: "goals",
        },
        ],
        eventClick: function(event) {
                if (event.url) {
                    window.open(event.url);
                    return false;
            }
        }
    });

    });