Question

我使用display标签创建表格并使用jquery使文本字段可编辑并删除readonly属性。

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

以下是包含textfield

的表和列的代码

<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

//用于禁用，即无法突出显示值或更改禁用= “禁用”

//对于readonly，即可以突出显示值，但不能更改只读=“只读” jQuery对元素进行更改（在以下设置readonly属性时，readonly的替换为禁用）。

$（ '＃someId'）。ATTR（ “无效”， “禁用”）或

$（'＃someId'）。attr（“disabled”，true）

Answer 2

对于html输入文本字段：

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

您可以使用只读属性 -

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

这将使文本字段无法编辑。

使其可编辑：

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

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

2 个答案: