微信小程序中如何通过按钮点击实现input元素的禁用状态切换？

本文共计921个文字，预计阅读时间需要4分钟。

编写微信小程序项目时，遇到一个功能，涉及个人信息的修改与保存。以下为简化说明及代码：

1. 页面加载完成，所有input处于禁用状态；

2.点击编辑按钮，文字切换为保存。

简化代码：

javascriptPage({ data: { isDisabled: true }, onLoad: function() { this.setData({ isDisabled: true }); }, onEditClick: function() { this.setData({ isDisabled: false }); }, onSaveClick: function() { this.setData({ isDisabled: true }); // 保存信息逻辑 }});

做微信小程序项目的时候遇到一个功能，个人信息资料的修改与保存。以下是说明及简化后的代码：

1.页面加载完成时，所有input处于禁用状态；

2.点击编辑按钮时，文字切换成“保存”，身份证input保持始终不可修改状态（即禁用）， 姓名input可以修改（即动态加载切换禁用/启用）；

3.再次点击按钮文字切回“编辑”，所有input变为禁用状态。