文本字段可编辑，不可使用 jquery 编辑
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/16258587/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Text field make editable, not editable using jquery
提问by promil pandey
I am using display tag for creating tables and using jquery to make a textfield editable and remove readonly property.
我正在使用显示标记来创建表并使用 jquery 使文本字段可编辑并删除只读属性。
<script type="text/javascript">
$(function(){
$(".makeEditable").click(function(){
$('input:text').removeAttr("readonly");
});
$(".makeNonEditable").click(function(){
$('input:text').attr("readonly", "readonly");
});
})
</script>
Here is the code for table and column with 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>
I have created a button to make it editable...
我创建了一个按钮以使其可编辑...
<input type="button" value="Make Editable" class="makeEditable" />
I dont know why but its not working...no action happen
我不知道为什么，但它不起作用......没有任何动作发生
回答by Anshul Bisht
For html input text field:
对于 html 输入文本字段：
<input id="name" type="text">
You can use readonly property-
您可以使用只读属性-
$("#name").prop("readonly",true);
This will make text field uneditable.
这将使文本字段不可编辑。
To make it editable :
要使其可编辑：
$("#name").prop("readonly",false);
回答by Touhid
// for disabled i.e. cannot highlight value or change disabled="disabled"
// 对于禁用即无法突出显示值或更改 disabled="disabled"
// for readonly i.e. can highlight value but not change readonly="readonly" jQuery to make the change to the element (substitute disabled for readonly in the following for setting readonly attribute).
// for readonly 即可以高亮显示值但不能更改 readonly="readonly" jQuery 以对元素进行更改（在下面的 readonly 中替换为 disabled 以设置 readonly 属性）。
$('#someId').attr("disabled","disabled") or
$('#someId').attr("disabled","disabled") 或
$('#someId').attr("disabled", true)
$('#someId').attr("disabled", true)
