如何使用复选框过滤 FullCalendar 中的事件？答案

【问题标题】：How can I use checkboxes to filter events in FullCalendar?如何使用复选框过滤 FullCalendar 中的事件？
【发布时间】：2013-08-19 13:50:04
【问题描述】：

我的日历左侧有一系列复选框，默认情况下这些复选框处于选中状态。当用户取消选中复选框以过滤掉他们看到的事件时，我希望隐藏相应的事件。

<head>
<script>
  $(document).ready(function() {
  var cal = $('#calendar')
    cal.fullCalendar({
    eventSources:
    {
            url: "...",
            id: "rto",
        }

    (function( $ ){
       $.fn.removeEvents = function() {
            cal.fullCalendar( 'removeEvents' );
       };
    })( jQuery );
});
</script>
</head>

<body>
  <form>
    <input type="checkbox" value="rto" checked>
  </form>

<script>
  if ($('#events').is(':unchecked')) {
            .removeEvents("rto");
            }
</script>

<div id="calendar" style="float:left; margin-top: 10px"></div>
</body>

这根本不起作用。我用alert("test"); 替换了cal.fullCalendar( 'removeEvents' );，还是不行。

【问题讨论】：

标签： javascript jquery ruby-on-rails fullcalendar

【解决方案1】：

您的代码中似乎缺少很多东西； 1.所有脚本都应该放在脚本标签中， 2.需要包含的插件 3. 你是否至少包含了 Jquery？ 4.扩展函数removeEvents需要调用如下：

$("#elementId").removeEvents(parametersIfAny)

我认为这些可能是您需要首先解决的问题

我认为我们在 jquery 中没有 :unchecked。我认为你需要这样做

if (!$('#events').is(':checked')) { // Note "!" sign here (this indicates that the condition is inverted)
         $(element).removeEvents("rto")          
}

【讨论】：

对不起，我只包含了我的代码中特定于问题的部分，我忘记了包含脚本标签和 jQuery。另外，我尝试添加了 id，但它仍然无法正常工作，无论如何，谢谢。