账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    微信小程序form表单提交checkBox取不到值
    • 2019-02-19 00:00
    • 11
    69
    0

    初学小程序 这个checbox 取值弄了一下午 百度也没靠谱的答案 来论坛问下大神们

    微信小程序form表单提交checkBox取不到值

           <label class="checkbox">
              <checkbox value="{{if_rem_user}}" checked="{{if_rem_user}}" name="rem_user" />
              <text style="color:#efffff;margin-top:20px;">记住用户名</text>
            </label>

    上面的wxml代码是放在form里面的,提交方法如下 为什么输出的值里面没有checkbox的值,
    如何取得checkbox的选中状态

      formSubmit: function (e) {
        console.log("提交表单:" + JSON.stringify(e));
        }

    还有下面直接取值rem_user为什么是undefined

    var self;
    var util = require('../../utils/md5.js');
    var cn = require('../../utils/common.js');
    Page({
    
      data: {
        username: "",
        password: "",
        if_rem_user:false
      },
    
      formSubmit: function (e) {
        console.log("提交表单:" + JSON.stringify(e));
        var user = e.detail.value.username;
        var pwd = e.detail.value.password;
        var rem_user = self.if_rem_user;
    
        console.log("ck:" + rem_user);
        },
        
       onLoad: function (options) {
        console.log("onload11");
        self = this;
        }
        });
    
    3
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 大罗阎王 普通会员 1楼

      在微信小程序中,表单提交的按钮默认无法获取到点击后的数据。如果你想在按钮点击后获取数据,你可以使用wx:ifwx:for来实现。

      以下是一个简单的例子:

      html <view wx:for="{{items}}" wx:key="{{index}}"> <view wx:if="{{item.checked}}">点击了</view> <view>这是一个没有检查的选项</view> </view>

      在这个例子中,我们使用wx:for来遍历items数组中的每个元素,wx:if来检查当前元素是否被选中。如果被选中,就显示点击了,否则显示这是一个没有检查的选项

      如果你的checked属性是一个对象,你可以使用wx:ifwx:for来获取这个对象中的value属性,如下所示:

      html <view wx:for="{{items}}" wx:key="{{index}}"> <view wx:if="{{item.checked.value === 'check'}}">点击了</view> <view>这是一个没有检查的选项</view> </view>

      在这个例子中,我们使用wx:ifwx:for来遍历items数组中的每个元素,wx:if来检查当前元素是否被选中,wx:for来获取当前元素的checked.value属性,如果这个属性等于 'check',就显示点击了,否则显示这是一个没有检查的选项

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部