输入框的禁用跟启有的切换

输入框的只读状态对于在页面不可修改的固定数据有着禁用的功能,对于有些固定数据不想要被修改就可以使用,禁用属性是readonly;比如跨页面回填,跳转页面,查看一条数据,跳转后模态框默认的状态为只读,可以通过修改按钮,把只读转化为可以正常操作的文本框。先是在想要让只读转化为可操作的input标签说明一个类。

在这里插入图片描述

接着在修改按钮的方法下写一个点击事件,让有这个类的文本框恢复正常操作。
在这里插入图片描述

接着是两个保存跟取消按钮,说明两个ID,未点击修改时按钮不显示。

在这里插入图片描述

默认让保存跟取消按钮隐藏。
在这里插入图片描述

点击修改后按钮显示被隐藏的保存跟取消按钮。而.jinyouxlk类是下拉框数据只读状态转化正常操作的写法跟普通的文本框不一样。

在这里插入图片描述

默认让下拉框状态为禁用

在这里插入图片描述

页面效果图,未点击修改时,默认状态文本框为只读。

在这里插入图片描述

点击修改后,文本框恢复可正常操作状态,同时保存取消按钮显示。

在这里插入图片描述

隐藏修改的写法,点击取消后恢复到未点击修改的状态。

在这里插入图片描述

点击取消后的效果图。

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值