js 让页面中所有的form表单为readonly

Question

如题，控制当前页面form下所有的input,select,checkbox,textarea/...全部为readonly 。
js应该如何写？

Answer 1

遍历form.elements找到一个给它绑定属性:readonly="readonly"for(i=0; i<document.FormName.elements.length; i++){
document.write("The field name is: " + document.FormName.elements[i].name + " and it’s value is: " + document.FormName.elements[i].value + ".<br />");
}

Answer 2

我想直接在js控制，如果你这种方法，我直接在input readonly就可以了。就跟css样式控制一样的方法。不知道是否可以实现。

Answer 3

for(var i = 0,n=document.forms.length;i<n;i++)
{   
    for(var j = 0,m = document.forms[i].elements.length;j<m;j++)
    {
        document.forms[i].elements[j].readOnly = 'readonly';    }
}遍历所有Form ，以及Form中所有元素。
注意大小写哦！

Answer 4

$("*",$("form")).attr("readonly","readonly");不知这样行不

Answer 5

LZ只是想用户不想操作页面控件吧，用div层覆盖也可以。