无法从 PrimeFaces CommandButton 调用 JavaScript 方法答案

【问题标题】：Unble to call JavaScript method from PrimeFacec CommandButton无法从 PrimeFaces CommandButton 调用 JavaScript 方法
【发布时间】：2016-12-07 09:15:26
【问题描述】：

<script type="text/javascript">
       function checkUncheckWOClosure()
        {                           
            if(woTypeAutoWOClosure.isChecked() == true)
                {
                woTypeAutoActClosure.check();
                }
            else
                {
                woTypeAutoActClosure.uncheck();
                }
        }
      </script> 

<p:selectBooleanCheckbox id="workOrderTypeAutoActClosure" 
                                     value="#{workOrderTypeCrud.instance.autoActClosure}" widgetVar="woTypeAutoActClosure">
 </p:selectBooleanCheckbox>                
 <p:selectBooleanCheckbox id="workOrderTypeAutoWOClosure"
                                     value="#{workOrderTypeCrud.instance.autoWOClosure}" widgetVar="woTypeAutoWOClosure" onclick="checkUncheckWOClosure()">                                          
  </p:selectBooleanCheckbox>

实际上，我想在单击第二个复选框时自动选中第一个复选框。当我取消选中第二个复选框时，取消选中第一个复选框。

【问题讨论】：

您的浏览器控制台有错误吗？尝试将这一行更改如下：if(woTypeAutoWOClosure.checked() == true)
以前它工作正常，但是当我将 primefaces 版本从 3.5 升级到 6.0 时，它就无法正常工作了。
@chaeschuechli，对不起，它不起作用。
下次提问时请直接提供版本信息。

标签： javascript primefaces jsf-2.2

【解决方案1】：

您的代码有一些错误：

<p:selectBooleanCheckbox /> 没有 onclick 属性。另一种可能是 onchange 属性：

<p:selectBooleanCheckbox
    id="workOrderTypeAutoWOClosure"
    value="#{workOrderTypeCrud.instance.autoWOClosure}"
    widgetVar="woTypeAutoWOClosure"
    onchange="checkUncheckWOClosure();">
/>

仅通过 JS 中的 widgetVar 属性值引用组件不起作用。你必须使用PF('<widgetVar>'):

function checkUncheckWOClosure() {                           
    if(PF('woTypeAutoWOClosure').isChecked() == true) {
        PF('woTypeAutoActClosure').check();
    } else {
        PF('woTypeAutoActClosure').uncheck();
    }
}

【讨论】：

@kamal 欢迎您。所以我可以请你接受这个作为答案。