javascript 一键设置全表单为禁用状态（可用于查看功能）

最新推荐文章于 2023-04-17 17:46:51 发布

seesun2012

最新推荐文章于 2023-04-17 17:46:51 发布

阅读量2.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/seesun2012/article/details/88918165

前端专栏收录该内容

11 篇文章

订阅专栏

javascript 设置全表单为只读状态（可用于查看功能），仅用于学习记录

<!-- 平台券：新增 -->
<div id="PTQ_FORM" hidden="hidden">
	<form class= "layui-form" style="margin-top: -10px;margin-bottom: 150px;">
		
		<input type="hidden" name="id" value="">
		
		<div class="layui-form-item">
			<label class="layui-form-label">平台券名称</label>
			<div class="layui-input-block">
				<input type="text" name="name" lay-verify="name" autocomplete="off" placeholder="请输入券名称">
			</div>
		</div>
		
		<div class="layui-form-item">
		  <label class="layui-form-label">发放方式</label>
		  <div class="layui-input-block">
		    <select name="getMethod" lay-filter="aihao">
		    	<option value=""></option>
		    </select>
		  </div>
		</div>
		
	</form>
</div>

//设置表单为只读状态（可用于查看功能），obj-被渲染form表单【上级元素对象】
var formIsReadOnly = function(obj){
	if(obj){
		var forms = obj.find('form');
		forms.each(function(index, form){
			for ( var i = 0; i < form.length; i++) { 
				var element = form.elements[i];
				element.disabled = "true"; 
			}
		});
	}
}
//调用禁用
formIsReadOnly($('#PTQ_FORM'));