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>

接下来，我试图在用户点击我的div时使用javascript来取消我的所有输入框。

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编码之前必须编写 $（document）.ready（function（）{}）

Answer 3

检查fiddle

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

您还可以使用removeAttr和attr添加和删除已禁用的

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

Answer 4

试试这个：

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

或者

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

Answer 5

jQuery 1.6 +

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

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

jQuery 1.5及以下

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

设置已禁用的属性。

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

要再次启用，正确的方法是使用 .removeAttr()

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

HTML / Javascript：On Click启用/取消禁用输入字段？

5 个答案: