PrimeFaces SelectManyCheckbox - 取消选中所有使用Javascript的复选框

Question

是否有一种简单的方法来选择/取消选择使用JavaScript的p：selectManyCheckbox中的所有复选框？

我找到了现在的工作，但我的方法似乎的东西过于复杂，我觉得应该从PrimeFaces

下面

代码简单：

的选择布尔复选框：

<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> 

点击按钮时运行的方法：

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参数使用PrimeFaces，但在看看他们的网页我想尝试这个（重要：与形式的id替换[yourformid]（你不显示在你的问题的表单元素））...

FOR取消选择：

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'); 
} 

用于切换（选择所有/取消选择所有）：

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'); 
}