Question

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

<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和函数是低效的。

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

Answer 1

E.g。像这样（基于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>

Answer 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最初都设置为readonly，每个textField也有一个与之关联的单击。

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

由于

在Grails中禁用/启用textField？

2 个答案: