Javascript 在FullCalendar中使用单选按钮进行JQuery筛选

Javascript 在FullCalendar中使用单选按钮进行JQuery筛选,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我试图用JQUERY FullCalendar中的一组按钮过滤事件 我用一个下拉菜单,你可以选择下拉菜单,它会根据类别是狗还是猫来过滤事件。但是我不能用普通的按钮 下拉工作: $document.readyfunction{ //页面现在已准备就绪,请初始化日历。。 $“日历”。完整日历{ displayEventTime:false, 主题系统:“bootstrap4”, 标题:{ 左:“上一个,下一个今天”, 中心:'标题', 正确的: }, 可编辑:false,//不允许编辑事件 Han

我试图用JQUERY FullCalendar中的一组按钮过滤事件


我用一个下拉菜单,你可以选择下拉菜单,它会根据类别是狗还是猫来过滤事件。但是我不能用普通的按钮

下拉工作:

$document.readyfunction{ //页面现在已准备就绪,请初始化日历。。 $“日历”。完整日历{ displayEventTime:false, 主题系统:“bootstrap4”, 标题:{ 左:“上一个,下一个今天”, 中心:'标题', 正确的: }, 可编辑:false,//不允许编辑事件 HandleIndowerSize:正确, //console.logevents 事件:[{start:'7/17/2018',标题:单一类型,类别:狗}, {开始日期:'7/19/2018',标题:单一类型,类别:Cat}, {开始:'7/23/2018',标题:多种类型,类别:猫,狗}, {开始:'7/26/2018',标题:多种类型,类别:狗,猫},]/**/ eventRender:functionevent、元素、视图{ 元素qtip{ 内容:event.description+, 风格:{ 类:“qtip绿色”, }, 职位:{ 角落:{ 目标:'中心', 工具提示:“底部中间” } } } 返回$'type_selector'.val=='all'|| event.category.indexOf$'type_selector'.val>=0; }, }; $“类型选择器”。在“更改”上,函数{ $'calendar'.fullCalendar'ReRelenderEvents';}; }; 全部的 狗 猫
我已经编辑了你的代码片段。您的onchange应该是这样的,因为您的收音机中不再有id type_选择器

$('input[type=radio][name=type_selector]').on('change',function(){
       console.log("Event");
       $('#calendar').fullCalendar('rerenderEvents');});
在return语句中,应使用:checked选项获取当前选定的单选值

$('input[type=radio][name=type_selector]:checked').val() === 'all' || event.category.indexOf($("input[type=radio][name=type_selector]:checked").val()) >= 0;
$document.readyfunction{ //页面现在已准备就绪,请初始化日历。。 $“日历”。完整日历{ displayEventTime:false, 主题系统:“bootstrap4”, 标题:{ 左:“上一个,下一个今天”, 中心:'标题', 正确的: }, 可编辑:false,//不允许编辑事件 HandleIndowerSize:正确, //console.logevents 事件:[{start:'7/17/2018',标题:单一类型,类别:狗}, {开始日期:'7/19/2018',标题:单一类型,类别:Cat}, {开始:'7/23/2018',标题:多种类型,类别:猫,狗}, {开始:'7/26/2018',标题:多种类型,类别:狗,猫},]/**/ eventRender:functionevent、元素、视图{ 元素qtip{ 内容:event.description+, 风格:{ 类:“qtip绿色”, }, 职位:{ 角落:{ 目标:'中心', 工具提示:“底部中间” } } } var ret=$'input[type=radio][name=type|selector]:选中。val=='all'|| event.category.indexOf$input[type=radio][name=type|selector]:选中。val>=0; console.log$'input[type=radio][name=type\u selector]:选中.val; 返回ret; }, }; $'input[type=radio][name=type_selector]'。在'change'上,函数{ console.logEvent; $'calendar'.fullCalendar'ReRelenderEvents';}; }; 全部的 狗 猫
我不能用普通的按钮来做…我看不到有任何尝试。你试过了吗?当你尝试时会发生什么?我们无法修复看不到的代码,并且对其描述没有问题。不知道为什么你认为按钮是一个很好的用户体验呢?单选按钮或复选框怎么样?这取决于您是否希望同时选择多个项目。我在摆弄单选按钮时添加了我的尝试。你是对的,单选按钮会更好。好的……那么你还需要我们帮助解决问题吗?是的,有。其他按钮不起作用。它不起作用,我也不知道为什么。