前端js控制角色div只可查看不可编辑

来自：https://bbs.youkuaiyun.com/topics/350020291

比较先进的方法是在body体内加个div，设置其style的index值最大，比如9999，结合css和div技术可以实现当前页面上浮一个透明层，这样用户就不能操作了。

比较彻底的方法，是遍历所有表单元素将其disabled，这个用jquery一个方法就能搞定。至于楼上兄弟提出的readonly属性，只对文本框、文本区域有效，对下拉框等表单元素无效。

这里我采用第二种方法：

具体为

<script type= "text/javascript> $(function(){     $(" input[name="xxx"] ").attr(" disabled", true ); }); </script>

(name="xxx")为我页面中的radio单选框的name;
当然了，如果你不用jquery，原生态javascript可以这么写:

JavaScript code

?

1	document.getElementsByTagName( "input" ).disabled =  true ;