微信小程序获取Input框内的值，将多条数据存储在json中

document_write

于 2019-08-15 15:19:14 发布

阅读量2.5k

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/document_write/article/details/99637591

本文介绍如何在微信小程序中获取Input输入框的值，并将多条数据有效存储到JSON对象中，涉及wxml、js和wxss的相关操作。

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

一.wxml

<view class="content">
   <view class="adresss">
      <view class="row">
         <view class="sign">姓名</view>
         <input placeholder="收货人姓名"   bindinput="nameInput"></input>
      </view>
      <view class="row">
         <view class="sign">电话</view>
         <input placeholder="收货人手机号码" bindinput="phoneInput"></input>
      </view>
      <view class="row">
         <view class="sign">地址</view>
         <input placeholder="收货人详细信息"  bindinput="addressInput"></input>
      </view>
   </view>
  <view class="store" bindtap="store">保存</view>
</view>

二.js