使用jquery在同一个按钮上调用不同的操作

Question

我在 certHolderAddressChange 屏幕上有一个“保存”按钮，如下所示：

<p:commandButton id="cmdSave" value="#{label.Save}" action="save" update="certHolderAddressChange" />

在此屏幕中有一个复选框。要求是：当选中此复选框并单击“保存”按钮时，将打开一个弹出窗口。弹出窗口包含 2 个按钮：是和否。单击“是”按钮时，它会调用不同的操作。以下是弹出窗口代码：

<p:dialog header="#{label.primaryAdd}" widgetVar="dlg1" showEffect="bounce" hideEffect="explode" appendToBody="true">
    <h:panelGrid columns="2">
        <h:outputText value="#{label.msgPrimary}" />
        <p:spacer width="30" height="10" />
        <h:outputText />
        <p:spacer width="30" height="10" />
    </h:panelGrid>
    <div align="center">
        <p:commandButton immediate="true" value="#{label.yes}" action="makeAdd"/>
        <p:spacer width="10" height="5" />
        <p:commandButton value="#{label.no}" onclick="dlg1.hide()" type="button"/>
    </div>
</p:dialog>

如果未选中复选框并单击“保存”按钮，则会调用一个简单的“保存”操作（不会打开弹出窗口）。为了实现这一点，我使用 jQuery 并根据复选框触发操作。这是 jQuery 代码：

<div>
    <h:inputHidden value="#{certHolderDetail.primaryInd}" id="primaryID" />
</div>
<script>
    jQuery("#cmdSave").click(function(e) {
        var textvalue = jQuery('#primaryID').val();
        if (textvalue == 'true') {
            dlg1.show();
        } else {
            jQuery("#save").click();
        }
    });                 
</script> 

它可以工作，但问题是在每种条件下都会调用 "save" 操作。但是如果我从按钮中删除 action="save" ，那么 else 部分就不起作用了。只有 if 条件适用于 jQuery 代码。

我想根据条件调用 "save" 和 "makeAdd" 操作。我怎样才能实现这个目标？

此外，在每种情况下（选中或未选中复选框），每次都会触发“保存”操作。我想在选中复选框时停止保存操作......

Answer 1

不确定您使用的是哪个版本的 jQuery

1.6+ 这就是您想要的

jQuery("#cmdSave").click(function(e) {
        var textvalue = jQuery('#primaryID').prop('checked');
        if (textvalue == true) {
            dlg1.show();
        } else {
            jQuery("#save").click();
        }
    }); 

<1.6+ 这可以工作

jQuery("#cmdSave").click(function(e) {
        var textvalue = jQuery('#primaryID').attr('checked');
        if (textvalue == 'checked') {
            dlg1.show();
        } else {
            jQuery("#save").click();
        }
    });