微信小程序怎样保存input值让它与下一个input值相加
0
最佳答案
0
<view>
<input value='0' type="number" bindblur="inputB" data-iname='input1' ></input>
<input value='0' type="number" bindblur="inputB" data-iname='input2' ></input>
<input value='0' type="number" bindblur="inputB" data-iname='input3' ></input>
<input value='0' type="number" bindblur="inputB" data-iname='input4' ></input>
<button bindtap='cal'>总计</button> <text>{{count}}</text>
</view>
Page({
data: {
count:0,
all:{}
},
cal:function(){
var count = 0;
var all = this.data.all;
for(var i in all){
count += Number(all[i]);
}
this.setData({
count: count
});
console.log(this.data.count, count, all);
},
inputB:function(e){
var all = this.data.all;
var iname = e.target.dataset.iname;
all[iname] = e.detail.value;
this.setData({
all:all
});
},
onLoad: function () {
},
onReady:function(){
}
})
收获园豆：10
谢谢，这个能不能让input框失去焦点之后，自动和上一个input值相加了，不用点击
@小西子:
Page({
data: {
count:0,
all:{}
},
inputB:function(e){
var all = this.data.all;
var iname = e.target.dataset.iname;
var count = 0;
all[iname] = e.detail.value;
for (var i in all) {
count += Number(all[i]);
}
this.setData({
all: all,
count: count
});
},
onLoad: function () {
},
onReady:function(){
}
})
@muamaker: 谢谢，谢谢，原来那个是要设一个全局变量啊，我一直是局部变量，怪不得每次触发都会清零，谢谢啦
其他回答(2)
0
官网不是有教程吗？
收获园豆：1
官网没有这个吧，因为每个input框都绑定了bindchange，每个都触发了，前一个框的数据就没了，就是不知道怎样把上一个数据保存
0
<div style="padding-bottom: 20px;padding-right: 20px;"> <input type="text" name="cl"/> <input type="text" name="cl"/> <input type="text" name="cl"/> <input type="text" name="cl"/> <input type="text" name="cl"/> <input type="text" name="cl"/> 总计: <span id="tatolCount"></span> </div> <script> $(function () { $("input[name='cl']").live("change", function () { var totalCount = 0; $("input[name='cl']").each(function (i) { if ($(this).val() != "" && $(this).val() != null) {//这里可能不严谨，你可以判断当前的值是否为数字 totalCount += parseInt($(this).val()); //alert(totalCount); } }); $("#tatolCount").html(totalCount); }); }); </script>
我在本地测试没有问题的，希望能帮到你
收获园豆：4
小程序里好像不能用这种方法，我就是不知道怎样在触发之后怎样把值保存下来
