selectAll.change(function () {

    langs.prop('checked' , selectAll.prop('checked'));

    changeLabel();

});

var changeLabel = function () {

    selectAllLabel.toggle();

    deselectAllLabel.toggle();

};

invertSelect.click(function () {

    langs.prop('checked' , (index , value) => !value);

    langs.change();

});

langs.change(function () {

    var checkedLangs = langs.filter(function () {

        return $(this).prop('checked');

    });

    if (checkedLangs.length === langs.length) {

        selectAll.prop('checked' , true);

        selectAllLabel.hide();

        deselectAllLabel.show();

    }else {

        selectAll.prop('checked' , false);

        selectAllLabel.show();

        deselectAllLabel.hide();

    }

});


  • 1

Reply