判断checkbox是否被选中

在用vue实现购物车的选中功能时，总价变为只计算选中商品的总价，出现无法判断复选框是否选中的问题。
最后发现应该用document.getElementById去获取id值，而不是ByName获取name值。

首先给input添加id属性与点击事件：

<input type="checkbox" id="checked" @click="handleChecked(index)">

其中@为v-on的语法糖，index为该商品序号，
handleChecked函数：

handleChecked: function (index) {let item = this.list[index];if (document.getElementById(index).checked) {item.checked = true;}else {item.checked = false;}}

这里通过改变商品列表checked的值，在总价这个计算属性里加上选中的商品总价。

全选实现

大概思路是：
1、点击全选框触发点击事件；
2、遍历所有选项，如果全选框为选中状态，则每个选项都设置为选中状态；
3、否则取消每个选项的选中状态：

handleAllChecked: function () {for (let i = 0; i < this.list.length; i++) {let item = this.list[i];if (document.getElementById('allChecked').checked) {document.getElementById(i).checked = true;item.checked = true;} else {document.getElementById(i).checked = false;item.checked = false;}}}