Jquery 同位素过滤器和无线电

有人知道如何用单选按钮和复选框设置同位素吗

我有 例：

性别=男性/女性（单选按钮）

语言=阿拉伯语、英语、法语（复选框）

国家=阿联酋、美国等。。。（复选框）

提前感谢

请尝试拨弄复选框

$(function(){

  var $container = $('#container'),
      $checkboxes = $('#filters input');

  $container.isotope({
    itemSelector: '.item'
  });

  $checkboxes.change(function(){
    var filters = [];
    // get checked checkboxes values
    $checkboxes.filter(':checked').each(function(){
      filters.push( this.value );
    });
    // ['.red', '.blue'] -> '.red, .blue'
    filters = filters.join(', ');
    $container.isotope({ filter: filters });
  });

  $('#shuffle').click(function(){
    $container.isotope('shuffle');
  });

  var $items = $container.children();


});

$（函数（）{
//初始同位素
变量$grid=$（'.grid'）。同位素({
itemSelector:“.element项”，
布局模式：“fitRows”
});
//过滤函数
变量过滤器Fns={
//显示数字是否大于50
NumberCreateThan50:函数（）{
var number=$（this.find（'.number'）.text（）；
返回parseInt（数字，10）>50；
},
//显示名称是否以-ium结尾
ium：函数（）{
var name=$（this.find（'.name'）.text（）；
返回name.match（/ium$/）；
}
};
//单击单选按钮绑定过滤器
$（'.filters'）。在（'click'，'input'，function（）上{
//从输入值获取筛选器值
var filterValue=此值；
//如果与值匹配，则使用filterFn
filterValue=filterFns[filterValue]| | filterValue；
$grid.同位素（{filter:filterValue}）；
});
});
*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
身体{
字体系列：无衬线；
}
标签{
显示：内联块；
右边距：0.4em；
}
/*----同位素--*/
.电网{
边框：1px实心#333；
}
/*清晰定位*/
.同位素：之后{
内容：''；
显示：块；
明确：两者皆有；
}
/*-----元素项----*/
.要素项目{
位置：相对位置；
浮动：左；
宽度：100px；
高度：100px；
保证金：5px；
填充：10px；
背景：#888；
颜色：#262524；
}
.元素项>*{
保证金：0；
填充：0；
}
.element项.name{
位置：绝对位置；
左：10px；
顶部：60px；
文本转换：无；
字母间距：0；
字体大小：12px；
字体大小：正常；
}
.元素项.符号{
位置：绝对位置；
左：10px；
顶部：0px；
字体大小：42px；
字体大小：粗体；
颜色：白色；
}
.元素项.编号{
位置：绝对位置；
右：8px；
顶部：5px；
}
.元素项.重量{
位置：绝对位置；
左：10px；
顶部：76px；
字体大小：12px；
}
碱{背景：#F00；背景：hsl（0,100%，50%）；}
碱土金属{背景：#F80；背景：hsl（36,100%，50%）}
稀土元素{背景：FF0；背景：hsl（72,100%，50%）}
.element-item.actinoid{背景：0F0；背景：hsl（108,100%，50%）}
.element-item.transition{背景：0F8；背景：hsl（144100%，50%）}
.element-item.post-transition{背景：0FF；背景：hsl（180,100%，50%）}
类金属{背景：#08F；背景：hsl（216,100%，50%）}
双原子{背景：#00F；背景：hsl（252100%，50%）}
卤素{背景：#F0F；背景：hsl（288,100%，50%）}
.element-item.惰性气体{背景：F08；背景：hsl（324,100%，50%）}

无线电输入的同位素滤波

全部展示
金属
过渡
碱及；碱土
不过渡
数量>50
名称以&ndash；嗯

水星
Hg
80
200.59
碲
Te
52
127.6
铋
Bi
83
208.980
领导
Pb
82
207.2
黄金
Au
79
196.967
钾
K
19
39.0983
钠
Na
11
22.99
镉
光盘

48
112.411
钙
Ca
20
40.078
铼
Re
75
186.207
铊
Tl
81
204.383
锑
Sb
51
121.76
钴
公司

27
58.933
镱
Yb
70
173.054
氩
Ar
18
39.948
氮
N
7
14.007
铀
U
92
238.029
钚
Pu
94
（244）
尝试使用复选框和Radio按钮快速重播。。但我试过了，但不是过滤。。请参阅执行F12并查看错误。这是说createContent未定义。您好，谢谢，在控制台面板上没有错误显示：（我更改了样式，请看一看..对不起英文，