【Web前端问题】微信小程序form表单提交checkBox取不到值

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

}

});

回答:

一图胜千言

clipboard.png

第一个问题

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

第二个问题

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

提醒

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

以上是 【Web前端问题】微信小程序form表单提交checkBox取不到值 的全部内容, 来源链接: utcz.com/a/142024.html

回到顶部