javascript 一鍵設置全表單爲禁用狀態(可用於查看功能)

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'));
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章