小程序点击button后重置输入框内容

最新推荐文章于 2023-12-02 09:15:18 发布

seraph_flying

最新推荐文章于 2023-12-02 09:15:18 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序 css html js 文章标签：小程序 button 重置 reset 重新刷新

本文链接：https://blog.youkuaiyun.com/u011561613/article/details/99955009

小程序同时被 3 个专栏收录

16 篇文章

订阅专栏

7 篇文章

订阅专栏

html

6 篇文章

订阅专栏

这篇博客展示了如何在微信小程序中，通过点击button按钮来实现输入框内容的重置功能。详细介绍了wxml、wxss和js的相关代码实现，并提供了实际效果的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

在这里插入图片描述

wxml

        <button bindtap="resetSalaryBtnClick" class="reset">
          <view>重置</view>
        </button>

wxss

.reset {
  width: 16%;
  margin-top: 10rpx;
  margin-right: 3%;
  font-size: 12px;
  background-color:rgb(28,200,138);
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

js

// 工资薪金所得输入框重置
  resetSalaryBtnClick: function (e) {
    this.setData({
      salaryInputData: "",
      salaryValue: "",
      salaryIndividualTax: -1,
      salaryOpacity: 0.5,
      salaryTaxableIncome: 0,
      specialDeductionInputData: 0,
      specialAddDeductionInputData: 0,
      salaryDigitHint: "",
      specialDeductionDigitHint: "",
      specialAddDeductionDigitHint: "",
      salaryTax:""
    })
    console.log("ccc")
    if (this.data.salaryInputData == "") {
      console.log("ddd")
      this.setData({
        salaryTaxFlg: false
      })
    }
  },