Question

我想获取p:selectBooleanCheckbox组件并使用javascript

检查它是否被选中

<h:dataTable value="#{controller.list}" var="item">
    <h:column>
        <f:facet name="header">Ratio1</f:facet>
        <h:panelGrid columns="2">
            <p:inputText id="ratio1" readonly="#{true}" disabled="true" styleClass="ratio1"/>
            <h:outputText value="%" />
        </h:panelGrid>
        <p:selectBooleanCheckbox id="report1"  onchange="calculateTotalRatio()" value="#{controller.value}" valueChangeListener="#{fISHController.onCaseTestItemPatternReportFlagChange()}">    
        </p:selectBooleanCheckbox>          
    </h:column>

我希望calculateTotalRatio()函数检查是否选中了复选框，并根据它更新ratio1输入文本的值

Answer 1

您可以定义selectBooleanCheckbox的widgetVar

<p:selectBooleanCheckbox id="check" widgetVar="myCheckbox" value="#{myBacking.value}"/>

您可以通过这些方式在js中访问Primefaces对象

directly with myCheckbox
PF("myCheckbox")
window["myCheckbox"]
PrimeFaces.widgets["myCheckbox"]

因此，要获得复选框状态，您可以使用

myCheckbox.input.is(':checked')
PF("myCheckbox").input.is(':checked')
window["myCheckbox"].input.is(':checked')
PrimeFaces.widgets["myCheckbox"].input.is(':checked')

如何知道使用javascript选择或不选择primefaces selectBooleanCheckbox？

1 个答案: