js获取readonly的值

JavaScript08

js获取readonly的值,第1张

// 获取元素

var jsObject = document.getElementsByName('tqlj')[0]

var jQueryObject = $('input:text[name=tqlj]')

// 已知元素id的情况下获取元素:

var jsObject = document.getElementById('id')

var jQueryObject = $('#id')

// 获取readonly

js: jsObject.getAttribute('readonly')

jQuery: jQueryObject.attr('readonly')

// 赋值readonly

js: jsObject.setAttribute('readonly', false)

jQuery: jQueryObject.attr('readonly', false)

// 移除readonly

js: jsObject.removeAttribute('readonly')

jQuery: jQueryObject.removeAttr('readonly')

在网页中有时候需要控制文本输入框的“输入状态”，一些关键属性是不能修改的，这个时候需要将文本输入框的readonly属性设置为False，在网页中可以使用

<input name="txt_name" type="text" readonly="readonly" id="txt_Status" name="txt_name" style="width:150px" />

但是在JS中则不能食用txt_name.readonly="readonly"来设置该属性，由于JS是区分大小写的，所以，在调用该属性的时候，必须使用txt_name.readOnly=true来设置。

当然，网页文本框还有一个属性可以控制它的状态，disabled，这个属性也是限制用户修改文框的内容，只是这个属性设置为"disabled"后，C#的后台代码就无法获得这个控件的内容了。

就是一个动态的给标签加readonly属性，另一个是加disabled的是属性。

默认的html中

readonly只对<input type='text'/><input type='password'/>和<textarea></textarea>有效，而disabled对于所有的表单元素有效，包括select,radio,checkbox,button等。

被disabled的元素在所属form被submit时，不会被提交出去，readonly的则会。

在angularJs中

由于诸如angular-UI有很多组件需要不同的属性配置，对应的标签的属性也是根据其属性说明进行添加的