微信小程序表单提交复选框无法取值
来源:
南京小程序开发 发布时间:2021-11-02 16:49:51点击:次
开始学小程序,这个ChecBox值弄了一个下午,百度没有靠谱的回答论坛问大神
微信小程序表单提交复选框取不了值
<label class="checkbox">
<checkbox value="{{if_rem_user}}" checked="{{if_rem_user}}" name="rem_user" />
<text style="color:#efffff;margin- top:20px; "> remember user name < / text >
</label>
上面的wxml代码放在表单中。提交方法如下。为什么输出值中没有复选框的值,
如何获取复选框状态
formSubmit: function (e) {
console.log (submit form:+ JSON.stringify (e));
}
这是直接值 rem_ 为什么用户未定义
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 (submit form:+ 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;
}
});
第一个问题
复选框组不要省略,就像使用swiper一样,因为事件绑定放在上面,名字要放在这里
第二个问题
获取data中的值,需要使用self.data.if_rem_User,这个和Vue不同
提醒
一开始不熟悉的时候,可以尝试直接使用官方的例子,稍微修改一下,熟悉之后再考虑性能相关的问题,从而简化代码
考虑阅读我的文章,它正在编写小程序的摘要
可以在文档的代码片段上看到小程序,在小程序上,粘贴代码片段链接,方便你