Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用复选框运行FullCalendar方法?_Javascript_Jquery_Html_Ruby On Rails_Fullcalendar - Fatal编程技术网

Javascript 如何使用复选框运行FullCalendar方法?

Javascript 如何使用复选框运行FullCalendar方法?,javascript,jquery,html,ruby-on-rails,fullcalendar,Javascript,Jquery,Html,Ruby On Rails,Fullcalendar,我使用的是FullCalendar,我想在它旁边创建一个菜单,其中包含复选框,用户可以取消选中该复选框以隐藏日历上的某些事件。这是我有的,但不起作用。我试图做的是,当用户取消选中events复选框时,eventSource将被删除 <head> <script type='text/javascript'> $(document).ready(function() { $('#calendar').fullCalendar({ eventS

我使用的是FullCalendar,我想在它旁边创建一个菜单,其中包含复选框,用户可以取消选中该复选框以隐藏日历上的某些事件。这是我有的,但不起作用。我试图做的是,当用户取消选中events复选框时,eventSource将被删除

<head>
<script type='text/javascript'>
    $(document).ready(function() {
    $('#calendar').fullCalendar({
        eventSources: [
        {
            url: "my url",
            editable: true,
            id: "events",
        }
                    ]
    }); 
});
</script>
</head>

<body>
<div id="menu">
    <form name="display">
        <input type="checkbox" name="cal_type" id="events" checked>Events</p>
        <input type="checkbox" name="cal_type" id="rto" checked>Vacations and time-off</p>
        <input type="checkbox" name="cal_type" id="goals" checked>Goals</p>
    </form>

        <script type="text/javascript">
            if ($('events').is(':unchecked')) {
                $('#calendar').fullCalendar( 'removeEventSource', "my url" )
            }
        </script>

</div>