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

问题描述：

我使用显示标记来创建表和使用jQuery使文本字段可编辑和删除只读属性。文本字段使可编辑，不可编辑使用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" />

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

你的代码是工作的罚款看到一个工作演示在这里：http://jsfiddle.net/w3yep/希望它可以帮助'：）'我已经把在非编辑按钮以及你，这样你就可以测试！ – 2013-04-28 01:28:47

您是否忘记在脚本之前添加jquery lib？ :)''一切正常。 – s3m3n 2013-04-28 01:30:17

its there .... – 2013-04-28 01:31:14

答

//为禁用即不能突出显示值或更改禁用=“禁用”

//为只读即能突出值但不会改变只读=“只读” jQuery来进行更改到元件（替代停用只读在下面的用于设置只读属性）。

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

$（ '＃someId'）。ATTR（ “已禁用”，真）

答

对于HTML输入文本字段：

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

您可以使用只读财产而

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

这将使文本字段unedi表。

使其可编辑：

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

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

相关推荐