HTML/Javascript:单击启用/不可禁用输入字段?
我有以下HTML输入框:HTML/Javascript:单击启用/不可禁用输入字段?,javascript,html,disabled-input,Javascript,Html,Disabled Input,我有以下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="subm
<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>
选择器出现错误,请尝试:
$('input').prop('disabled', false);
试试这个:
<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>
$('input:text').prop('disabled', false);
$(文档).ready(函数(){
$(“#编辑”)。单击(函数(){
$(“输入”).prop('disabled',false);
});
});
单击以启用
无论何时在使用jquery编码之前,都必须编写$(document).ready(function(){})检查
您还可以使用removeAttr
和attr
添加和删除禁用的
$('input').removeAttr("disabled");
$('input').attr("disabled", true);
jquery1.6+
要更改禁用的属性,应使用.prop()函数
$("input").prop('disabled', true);
$("input").prop('disabled', false);
jQuery 1.5及以下版本
.prop()
函数不存在,但.attr()具有类似的功能:
设置禁用属性
$("input").attr('disabled','disabled');
要再次启用,正确的方法是使用.removeAttr()
$("input").removeAttr('disabled');
试试这个:
<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>
$('input:text').prop('disabled', false);
或
示例代码中实际上没有div
或#edit
元素……您在示例代码中使用的是jquery
,最好使用$('input[type=text]')
。请小心,从我看到的地方看,在不应该被点击的元素上附加点击事件可能会给使用屏幕阅读器的人带来可用性问题。。。
$('input[type=text]').prop('disabled', false);