首页 > JavaScript > 使用 jQuery 禁用/启用输入?

使用 jQuery 禁用/启用输入?

上一篇 下一篇

$input.disabled = true;

$input.disabled = "disabled";

哪种是标准方式?反过来,如何启用禁用的输入?

分割线

网友回答:

只是为了新的约定和使其具有适应性(除非ECMA6(????)发生巨大变化):

$(document).on('event_name', '#your_id', function() {
    $(this).removeAttr('disabled');
});

$(document).off('event_name', '#your_id', function() {
    $(this).attr('disabled','disabled');   
});

分割线

网友回答:

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');

在任何版本的 jQuery 中

您始终可以依赖实际的 DOM 对象,如果您只处理一个元素,则可能比其他两个选项快一点:

// assuming an event handler thus 'this'
this.disabled = true;

使用 or 方法的优点是可以为一堆选定项设置属性。.prop().attr()


注意:在 1.6 中,有一个方法听起来很像,但它不应该用于本机属性,如文档摘录:.removeProp()removeAttr()'disabled'

注意:不要使用此方法删除本机属性,例如选中、禁用或选定。这将完全删除该属性,并且一旦删除,就无法再次添加到元素中。使用 .prop() 将这些属性设置为 false。

事实上,我怀疑这种方法有很多合法用途,布尔道具的完成方式是你应该将它们设置为 false,而不是像 1.5 中的“属性”对应项那样“删除”它们

分割线

网友回答:

// Disable #x
$( "#x" ).prop( "disabled", true );
// Enable #x
$( "#x" ).prop( "disabled", false );

有时您需要禁用/启用表单元素,如输入或文本区域。Jquery帮助您通过将禁用属性设置为“禁用”来轻松实现这一点。
例如:

//To disable 
$('.someElement').attr('disabled', 'disabled');

要启用禁用元素,您需要从此元素中删除“禁用”属性或清空其字符串。例如:

//To enable 
$('.someElement').removeAttr('disabled');

// OR you can set attr to "" 
$('.someElement').attr('disabled', '');

参考资料: http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html

模板简介:该模板名称为【使用 jQuery 禁用/启用输入?】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 220次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 03-10
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
响应式 html5 自适应 企业网站 微信文章 单页式简历模板 微信公众平台 微信模板 微信图片 微信素材
您可能会喜欢的其他模板