前端界面的按钮赋值与状态勾选

最新推荐文章于 2025-06-06 10:16:06 发布

原创最新推荐文章于 2025-06-06 10:16:06 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

java 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何使用layui框架进行表单的状态设置与渲染，包括状态字段的格式化显示，以及根据返回数据动态更新表单的状态选项。此外，还涉及了如何监听表单提交事件并处理状态字段。

1.赋值

fieldName: '状态',
			                field: 'status',
			                format: function(val) {
			                	if(val==2){
			                		return "启用";
			                	}else{
			                		return "停用";
			                	}
							}

2.状态默认勾选

success: function(layero, index) {
								//弹出窗口成功后渲染表单
								var form = layui.form();
		//						弹出窗口后给表单赋值；
							  	if(res){
							  		console.log(res);
						  			for(var d in res){  
								       common.setVal(d,res[d]);
								    }
						  			$("#equipmodelname").val(res.equipmodelname);
							  	}else{
							  		$("#equipmodelname").val(equipmodelname);
							  		res={};
							  		res.tenantid=tenantId;
							  	}
							  	if(res.status == "2") {
									$("#status").attr("checked", true); //勾选
								} else {
									$("#status").attr("checked", false); //使其未勾选
								}
								//通过回调函数给选择框赋值
					        	form.render();
								form.on('submit(edit)', function(data) {
									//将修改的数据合并到原有的数据
								    $.extend(true,res, data.field);
									if(res.status=="on") {
										res.status = "2";
									} else {
										res.status = "1";
									}
									res.equipmodelid = id;
									UpdateUser(res,index);
									return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。									
								});   
		//						layer.full(index)
							},
							end: function() {
								addBoxIndex = -1;
							}

3.注意:查询字段与赋值字段一致时,属性注意不可一同