PrimeFaces SelectManyCheckbox - Décochez toutes les cases en utilisant Javascript

Question

Existe-t-il un moyen facile de sélectionner/désélectionner toutes les cases d'un p: selectManyCheckbox en utilisant JavaScript?

Je l'ai travaille en ce moment, mais ma méthode semble trop compliqué pour quelque chose que je me sens devrait être simple de PrimeFaces

code ci-dessous:

La case de sélection booléenne:

<p:selectManyCheckbox id="multiSelectPerformanceCb" 
    widgetVar="multiSelectPerformanceCb" 
    value="#{cc.attributes.filter.selectedCriteria}"> 
     <f:selectItems value="#{cc.attributes.filter.performanceCriteria}" 
      var="criteria" itemLabel="#{criteria.text}" 
      itemValue="#{criteria.description}" /> 
</p:selectManyCheckbox> 

Une méthode qui est exécutée sur un bouton cliquez:

function performanceSliderBooleanClick() 
    //Uncheck the inputs 
    PF('multiSelectPerformanceCb').inputs.each(function(){ 
     this.checked = false; 
    }); 

    //Remove ui-state-active from the outputs 
    PF('multiSelectPerformanceCb').outputs.each(function(){ 
     $(this).removeClass('ui-state-active'); 
    }); 
} 

Answer 1

Neve r utilisé PrimeFaces, mais ayant un regard sur leur page j'essayer (IMPORTANT: Remplacer [yourformid] avec le id de la forme (vous ne vous présentez pas l'élément de forme dans votre question)) ...

POUR désélectionnant:

function performanceSliderBooleanClick() { 
    $('#[yourformid]\\:multiSelectPerformanceCb').find('div.ui-chkbox-box') 
               .removeClass('ui-state-active') 
               .find('span.ui-chkbox-icon') 
               .removeClass('ui-icon-check') 
               .addClass('ui-icon-blank'); 
} 

POUR BASCULEMENT (tout sélectionner/désélectionner tous):

function performanceSliderBooleanClick() { 
    $('#[yourformid]\\:multiSelectPerformanceCb').find('div.ui-chkbox-box') 
               .toggleClass('ui-state-active') 
               .find('span.ui-chkbox-icon') 
               .toggleClass('ui-icon-check ui-icon-blank'); 
}