只需要遍历所有表单元素将其disabled，这个用jquery就搞定了

1.  Jquery写法

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

   原生javascript写法

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

 

$("input").attr('readonly', true);

$("textarea").attr('readonly', true);

$(':radio').attr('disabled', true);
$(':checkbox').attr('disabled', true);
$(':button').attr('disabled', true);
$('a').removeAttr('onclick');
$('select').attr('disabled', true);

其实我们很多时候在项目中都会碰到某一个业务模块既有编辑页面又有查看页面，在这两个页面相差不大的情况下，完全

可以共用一个页面，只需要页面跳转的时候传一个标识，区分跳转的是编辑还是查看页面，如果是查看页面就把页面所有

的表单属性设置为只读就行了，例如：

$('form').find('input,textarea,select').not('.btn btn-primary,.back').attr('disabled','disabled');

上面这句代码的意思是将form表单里面除了样式为.btn btn-primary,.back的元素都置为只读。如果页面还有a标签之类

的，可以用上面列出的$('a').removeAttr('onclick');将a标签的点击事件移除掉。