如何禁用<g：submitToRemote />按鈕

Question

我有一個帶有g：submitToRemote按鈕的ajax表單。我想在窗體上選中複選框時啓用該按鈕。我在我的項目中使用jQuery和YUI JavaScript庫，並嘗試兩種方法，仍然沒有解決方案。查看源代碼後，我可以看到爲g：submitToRemote丟棄了「id」屬性。有沒有辦法讓g：submitToRemote按鈕可以在任何其他事件中啓用/禁用，或者是否有任何解決方法？

在此先感謝..！

Answer 1

使用name屬性。 Grails也將使用它作爲HTML id屬性。然後，您可以使用$（'＃foo'）方法禁用/啓用。或者你可以做一些類似於$（「input [name ='foo']」）的選擇器。

Answer 2

<!-- Whatever you have before your g:submitToRemote button--> 
    <g:checkBox name="myCheckBox" /> 
    <g:submitToRemote name="myButton" /> 
    <!-- Whatever you have after your g:submitToRemote button--> 

    <!-- Some jQuery to disable the button at the end of your document--> 
    <g:javascript> 
     $(document).ready(function() { 
      $("#myCheckBox").change(function{ 
       // myButton is disabled if myCheckBox is checked 
       if($("#myCheckBox").prop("checked")){ 
        $("#myButton").attr("disabled", "disabled"); 
       } 
       else{ 
        $("#myButton").removeAttr("disabled"); 
       } 
      }); 
     }); 
    </g:javascript> 
</body> 
</html>