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

Question

初学小程序 这个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;
    }
    });

Answer 1

一图胜千言

第一个问题

• 不要省略checkbox-group，就像用swiper一样，因为事件绑定相关都是放在这个上面的，name应该放在这里

第二个问题

• 要获取data里面的值，需要用self.data.if_rem_user，这一点和vue是有区别的

提醒

• 刚开始不熟的时候，尽量直接用官方示例，稍作修改，熟悉之后再考虑性能相关，简化代码
• 可以考虑看看我的文章，正在写关于小程序的总结
• 可以看看小程序关于代码片段的文档，关于小程序的问题，贴上代码片段链接，方便大家