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