HTML/Javascript：点击启用/禁用输入字段？

Question

我有以下的HTML输入框：

<form> 
<input type="text" name="1" id="1" disabled> 
<input type="text" name="2" id="2" disabled> 
<input type="text" name="3" id="3" disabled> 
<input type="text" name="4" id="4" disabled> 
<input type="submit" name="submit" value="submit> 
</form> 

下一个我试图使用JavaScript在单击我的DIV用户undisable我所有的输入框。

的JavaScript：

<script> 
    $('#edit').click(function(){ 
     $('input[]').prop('disabled', false); 
}); 
</script> 

是否有人可以告诉我在哪里，我错了，感谢

Answer 1

的错误选择，请尝试：

$('input').prop('disabled', false); 

Answer 2

试试这个：

<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function(){ 
    $('#edit').click(function(){ 
     $("input").prop('disabled', false); 
}); 
}); 
</script> 
<form> 
<input type="text" name="1" id="1" disabled> 
<input type="text" name="2" id="2" disabled> 
<input type="text" name="3" id="3" disabled> 
<input type="text" name="4" id="4" disabled> 
<input type="submit" name="submit" value="submit"> 
</form> 
<div id="edit">Click to Enable</div> 

，每当使用jQuery编码之前你必须写$（文件）。就绪（函数（）{}）

Answer 3

检查fiddle

$('#edit').click(function(){ 
     $('input').prop('disabled', false); 
}); 

您还可以使用removeAttr和attr添加和移除已停用

$('input').removeAttr("disabled"); 
$('input').attr("disabled", true); 

Answer 4

jQuery的1.6+

要更改禁用的属性，您应该使用.prop（）函数。

$("input").prop('disabled', true); 
$("input").prop('disabled', false); 

jQuery的1.5及以下

的.prop()功能不存在，但.attr（）做相似的：

设置禁用属性。

$("input").attr('disabled','disabled'); 

要重新启用，正确的方法是用.removeAttr()

$("input").removeAttr('disabled'); 

Answer 5

试试这个：

$('input:text').prop('disabled', false); 

或者

$('input[type=text]').prop('disabled', false);