0

jQueryでif else文を書きたいと思っています。ボタンがクリックの場合、アクションが完了するまでボタンを無効にしてから、有効に戻すだけです。これは私が現在持っているコードです。ページに移動すると、アクションがノンストップでループし続けました。私はまだjQueryに慣れていないので、ご容赦ください。

参考までに、私はprimefacesコマンドボタンを使用しています

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:hx="http://www.ibm.com/jsf/html_extended">
<h:head>
    <title>ma1009.xhtml</title>
    <meta http-equiv="keywords" content="enter,your,keywords,here" />
    <meta http-equiv="description"
    content="A short description of this page." />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <script src="../../jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            if ($("#button").click()) {
                $("#button", this).prop('disabled', true);
            } else {
                $("#button", this).prop('disabled', false);
            }

        });
    </script>
</h:head>

<h:body>
    <h:form id="form1" enctype="multipart/form-data" prependId="false">

        <p:commandButton id="button" type="submit" value="Submit"
            action="#{pc_Ma1009.doSubmitAction}" ajax="false"></p:commandButton>

    </h:form>
</h:body>
</html>
4

2 に答える 2

2

次のようになります。

 $(document).ready(function(e) {
    e.preventDefault();
    $("#button").click(function(){
        $(this).prop("disabled", true);
        //your action (maybe function pc_Ma1009.doSubmitAction()), look at your html generated by <p:commandButton id="button"
        $(this).prop("disabled", false);
    });

});
于 2013-07-18T06:23:23.497 に答える