sunny123456

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

https://www.jb51.net/article/54105.htm

表单中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);
}

                        <div class="art_xg">
                            <b>您可能感兴趣的文章:</b><ul><li><a href="/article/78739.htm" title="jQuery Easyui学习之datagrid 动态添加、移除editor" target="_blank">jQuery Easyui学习之datagrid 动态添加、移除editor</a></li><li><a href="/article/78302.htm" title="jQuery绑定事件监听bind和移除事件监听unbind用法实例详解" target="_blank">jQuery绑定事件监听bind和移除事件监听unbind用法实例详解</a></li><li><a href="/article/67779.htm" title="JQuery中DOM实现事件移除的方法" target="_blank">JQuery中DOM实现事件移除的方法</a></li><li><a href="/article/67654.htm" title="JQuery实现样式设置、追加、移除与切换的方法" target="_blank">JQuery实现样式设置、追加、移除与切换的方法</a></li><li><a href="/article/62048.htm" title="jquery利用命名空间移除绑定事件的方法" target="_blank">jquery利用命名空间移除绑定事件的方法</a></li><li><a href="/article/61909.htm" title="jQuery设置和移除文本框默认值的方法" target="_blank">jQuery设置和移除文本框默认值的方法</a></li><li><a href="/article/59798.htm" title="jQuery实现设置、移除文本框默认值功能" target="_blank">jQuery实现设置、移除文本框默认值功能</a></li><li><a href="/article/50533.htm" title="jQuery移除元素自动解绑事件实现思路及代码" target="_blank">jQuery移除元素自动解绑事件实现思路及代码</a></li><li><a href="/article/50523.htm" title="Jquery 获取指定标签的对象及属性的设置与移除" target="_blank">Jquery 获取指定标签的对象及属性的设置与移除</a></li><li><a href="/article/48891.htm" title="jquery移除、绑定、触发元素事件使用示例详解" target="_blank">jquery移除、绑定、触发元素事件使用示例详解</a></li><li><a href="/article/84590.htm" title="JQuery 在文档中查找指定name的元素并移除的实现方法" target="_blank">JQuery 在文档中查找指定name的元素并移除的实现方法</a></li></ul>
                        </div>

                    <p class="tip">也许是最全java资料!(文档+项目+资料)<a href="https://mp.weixin.qq.com/s/HFvRM6gpaACettv5ffM0tg" target="_blank">【点击下载】</a> 和努力的人一起学习Java!</p></div>
posted on 2020-12-31 19:59  sunny123456  阅读(416)  评论(0编辑  收藏  举报