Jquery CheckBox选择 - 添加小提琴

时间:2014-04-16 07:35:32

标签: jquery html

检查Fiddle(不是工作副本,但应该有助于了解我的问题)

按<按>按字母排序或按类别

排序的选项

用户获得相同结果的2个视图。

我试图实现以下方案

默认按字母顺序列出

  • 用户检查A2并点击类别i要在类别部分中检查A2,反之亦然

用户正按类别查看

  • 用户检查A2和B1并按字母顺序点击我想要按字母顺序检查A2和B1,反之亦然

如何使用My DOM结构在Jquery中实现这一点,因为我没有任何唯一的名称属性?

$('.sort').click(function () {
//Sort event ..check Fiddle     

});

由于

1 个答案:

答案 0 :(得分:1)

您可以在此处查看DEMO:DEMO

jQuery的:

$(':checkbox').click(function(){

    var namevar = $(this).attr('name');
    if($(this).is(':checked')) {

        $(':checkbox[name="'+namevar+'"]').attr('checked','checked');
    } else {

        $(':checkbox[name="'+namevar+'"]').attr('checked',false);
    }
});


$('.sort').click(function () {
if (!$(this).hasClass('activesort')) {   
        $('#visiblity1').toggleClass('hidden');
        $('#visiblity2').toggleClass('hidden');
        $('#alpha').toggleClass('activesort');
        $('#cat').toggleClass('activesort');
}


});