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>

如何禁用<g：submittoremote>按钮</g：submittoremote>

2 个答案: