美文网首页工作生活
动态判断勾选框状态

动态判断勾选框状态

作者: 考拉_2044 | 来源:发表于2019-07-01 10:19 被阅读0次

```js

        //动态获取勾选框状态并且获得值

        //(1)遍历时增加勾选框,v-bind绑定value值为计算金额的值,通过时间传递$event,在时间中接收参数。

        // (2)在列表渲染时,拼接一个列表求和的数组,如果勾选状态为true时,就把绑定的值赋值给列表数组,如果为false时就替换为0,在把数组求和即可实现勾选一行求和

        // 计算勾选金额

            getSum: function (e,index) {

                const self = this;

                let checked = e.target.checked; //当前勾选状态

                let val  = e.toElement.value; //当前绑定在勾选框上的值

                if(checked) {

                    self.moneyList.splice(index,1,Number(val))

                } else {

                    self.moneyList.splice(index,1,0)

                }

                self.money  =  self.moneyList.reduce(function(prev, cur){

                        return (prev + cur);

                    });

            },

```

相关文章

网友评论

    本文标题:动态判断勾选框状态

    本文链接:https://www.haomeiwen.com/subject/hmwwcctx.html