jQuery技术

使用jQuery设置disabled属性与移除disabled属性

字号+ 作者:H5之家 来源:H5之家 2017-11-20 13:00 我要评论( )

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性

使用jQuery设置disabled属性与移除disabled属性

投稿:whsnow 字体:[ ] 类型:转载 时间:2014-08-21

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性

表单中readOnly和disabled的区别:

Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。

但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用的)。

js操作:

复制代码 代码如下:


function disableElement(element,val){

document.getElementById(element).disabled=val;

}


jQuery进行操作:

复制代码 代码如下:


//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled","disabled");

//三种方法移除disabled属性
$('#areaSelect').attr("disabled",false);
$('#areaSelect').removeAttr("disabled");
$('#areaSelect').attr("disabled","");


获取s:textfield,并设置其disabled属性:

复制代码 代码如下:


functiondisableTextfieldofAccountDiv(element,val) {

$(element).find(":textfield").attr('disabled',val);
}

您可能感兴趣的文章:

Tags:disabled

相关文章

最新评论

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JQuery设置和去除disabled属性的5种方法总结

    JQuery设置和去除disabled属性的5种方法总结

    2017-11-20 12:21

  • jQuery Form表单美化插件jqTransform

    jQuery Form表单美化插件jqTransform

    2017-11-20 09:07

  • jQuery.data() 函数详解

    jQuery.data() 函数详解

    2017-11-19 17:01

  • 搜索"jquery星级评分插件"的分享列表

    搜索"jquery星级评分插件"的分享列表

    2017-11-19 15:22

网友点评