jquery - 文本字段可编辑，不可使用 jquery 编辑

Question

我正在使用显示标签来创建表格并使用 jquery 使文本字段可编辑并删除只读属性。

<script type="text/javascript">
$(function(){
    $(".makeEditable").click(function(){
        $('input:text').removeAttr("readonly");    
    });
    $(".makeNonEditable").click(function(){
        $('input:text').attr("readonly", "readonly");    
    });               
})
</script>

这是带有文本字段的表和列的代码

<display:table name="loadData" style="float:left;">
    <display:column title="User Defined" class="colId">
    <input type="text" value= "" name="userdefined" size="10" readonly="readonly"/>
    </display:column>
</display:table>

我创建了一个按钮以使其可编辑...

<input type="button" value="Make Editable" class="makeEditable" />

我不知道为什么，但它不工作......没有任何行动发生

Answer 1

对于 html 输入文本字段：

<input id="name" type="text">

您可以使用只读属性-

$("#name").prop("readonly",true);

这将使文本字段不可编辑。

使其可编辑：

$("#name").prop("readonly",false);

Answer 2

// 对于禁用，即不能突出显示值或更改 disabled="disabled"

// 对于只读，即可以突出显示值但不能更改 readonly="readonly" jQuery 来更改元素（在下面用 disabled 代替 readonly 来设置 readonly 属性）。

$('#someId').attr("disabled","disabled") 或

$('#someId').attr("已禁用", true)