js readonly(js怎么控制 jsp动态生成的input的readonly)
本文目录
js怎么控制 jsp动态生成的input的readonly
1、在head标签中加入如下javascript函数:
《script type="text/javascript"》 function editContent(id){ var cObj = document.getElementById(id); cObj.removeAttribute("readOnly"); }《/script》
2、给“input旁的修改按钮”添加点击事件为上面的函数:
《input type="button" onclick="editContent(${ad.adid})"/》
JS .readOnly==“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#的后台代码就无法获得这个控件的内容了。
关于JS如何实现表单的readonly
是要全部只读,还是仅让表单中的标签只读啊每个标签都有它自己的属性即ReadOnly,只要将其设置为true即可.《input type="text" id="t1" Readonly="true"/》这样即可.如果是select标签,则设置他的disabled属性为true《select id="s1" disabled="true/》
js获取readonly的值
// 获取元素var jsObject = document.getElementsByName(’tqlj’);var jQueryObject = $(’input:text’);// 已知元素id的情况下获取元素:var jsObject = document.getElementById(’id’);var jQueryObject = $(’#id’);// 获取readonlyjs: jsObject.getAttribute(’readonly’);jQuery: jQueryObject.attr(’readonly’);// 赋值readonlyjs: jsObject.setAttribute(’readonly’, false);jQuery: jQueryObject.attr(’readonly’, false);// 移除readonlyjs: jsObject.removeAttribute(’readonly’);jQuery: jQueryObject.removeAttr(’readonly’);