在 Grails 中禁用/启用 textField？答案

【问题标题】：Disable/Enable textField in Grails?在 Grails 中禁用/启用 textField？
【发布时间】：2011-11-10 00:11:43
【问题描述】：

我有一个编辑表单，允许用户编辑和更新域对象。我有各种这种形式的文本框：

<g:textField name="name" value="${managementInstance?.name}" />
<g:textField name="websiteUrl" value="${managementInstance?.websiteUrl}" />

基于网站http://jetlogs.org/2007/12/16/jquery-disabled-and-readonly-inputs/ 我可以使用 jquery 创建一个只读并单击启用的文本框或 textField，但是为每个 textField 提供一个 id 和函数是低效的。

有什么方法可以访问每个元素并提供禁用和启用操作？

【问题讨论】：

标签： jquery grails

【解决方案1】：

例如像这样（基于 jQuery 的解决方案）：

<div>
    <g:textField name="name" value="${managementInstance?.name}" />
    <span class="toggleDisable">Disable</span>
</div>
<div>
    <g:textField name="websiteUrl" value="${managementInstance?.websiteUrl}" />
    <span class="toggleDisable">Disable</span>
</div>

<script>
     $(".toggleDisable").click(function() {
          $(this).parent().find("input").toggleClass("disable");
     });
</script>

【讨论】：

嘿克鲁多夫。感谢您的回复。此方法提供了更多工作，因为每个 textField 元素现在都需要有一个与之关联的类。
什么？我不明白你的意思。什么类与每个文本字段相关联？所有人都一样..
对不起。我说错了，每个 textField 现在都有一个元素和关联的类。如果文本输入的数量未知怎么办？需要有一个通用的方法。
查看您发布的网页，有一个激活/停用链接。为简单起见，我将其替换为跨度。您只需要 3 行 JS 代码并将您的输入字段包装到任何类型的 html 元素中，因为您想要布局您的字段；）所以我没有看到更通用的方法。

【解决方案2】：

<script>
$(document).ready(function()
{
    $('input:text').each(function(){
            console.log("Hi");
            $(this).attr("readonly",true);
    });

    $('input:text').click(function(){

            if ($(this).attr("readonly") == true)
            {
                $(this).removeAttr("readonly");
            }
    });     
});
</script>

此方法将每个 textField 初始设置为只读，并且每个 textField 都具有与之关联的单击。

搜索了一些后发现：How to select all textareas and textboxes using jQuery?

谢谢

【讨论】：