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有很多组件需要不同的属性配置,对应的标签的属性也是根据其属性说明进行添加的