javascript - 如何通过调用下面的 dom-repeat 中的函数取消选中所有复选框

Question

请帮忙解决这个问题。

<div>
    <template is="dom-repeat" items="{{checkdata}}">
        <paper-checkbox on-tap="checkall" checked="{{item.checked}}"></paper-checkbox>
        <span>{{item.name}}</span>
    </template>
</div>

属性为

checkdata:{
    type: Array,
    value:[{name: 'Bike'},
         {name: 'Car'},
         {name: 'Cycle'},
         {name: 'Bus'},
         {name: 'Truck'}
        ],
}

作为

checkall: function() {
    var checkvalue = this.checkdata;
    var checktext = [];
    for (i = 0; i < checkvalue.length; i++) {
        if (checkvalue[i].checked==true) {
            checktext.push(checkvalue[i].name);
            this.checkeditem = checktext + " ";
        }
    }
}

Answer 1

在 paper-checkbox 的 checked 属性的等号前加一个“$”，像这样:

<paper-checkbox on-tap="checkall" checked$="{{item.checked}}"></paper-checkbox>