Javascript 更改具有相同功能的多个切换按钮标签之一-聚合物

我有一堆

纸张切换按钮

，我想让标签显示其当前状态

我可以在一个按钮上简单地实现这一点，但我想让它们指向一个函数，这样我的代码就更简洁了

我目前有这个代码，但两者将切换在同一时间？？？ 肯定是JS错了

聚合物({ 是：'示例元素'， 特性：{ 标签文本：{ 类型：字符串， 值：“false” } }, 检查切换：功能（e）{ var-toggleButton=e.currentTarget.getAttribute（'input'）； this.$（“#”+切换按钮）。选中？this.labelText=“True”：this.labelText=“False”； }, });

{{labelText}}
{{labelText}}

尝试仅更改已单击的切换的内部文本：

checkToggle : function(e) {
    var toggleButton = this.$$('#' + e.currentTarget.getAttribute('input'));
    toggleButton.checked ? toggleButton.innerText = "True" : toggleButton.innerText = "False";
}

---

使用属性的强度

 <paper-toggle-button checked="{{paperToggle1}}">[[paperToggle1]]</paper-toggle-button>
 <paper-toggle-button checked="{{paperToggle2}}">[[paperToggle2]]</paper-toggle-button>

[[paperToggle1]]
[[paperToggle2]]

---

您还可以做更高级的工作，比如在对象中保存每个切换按钮（

paperToggle.first

），或者添加一个方法，该方法接收id并将其用作所述对象中的键。

使用自定义属性没有意义，您也可以直接更改dom。这只是一种方法

聚合物({ 是：'示例元素'， 特性：{ 标签文本：{ 类型：字符串， 值：“false” } }, 检查切换：功能（e）{ e、 currentTarget.querySelector（“.label”）.innerHTML=e.currentTarget.checked==true； }, });

假的
假的

问题是您正在更改此.labelText，我想这将影响到这两个方面。。。您可以添加另一个属性来存储要更改的变量的名称？这看起来太复杂了。您确定它正在变得更干净吗？但是，两个切换按钮也都已更改。我将在我的问题中添加一个gif以进行演示。此问题的可能副本看起来与您一年半前发布的问题完全相同。完全相同的解决方案也适用。我仍然无法得到答案，即使查看以前的帖子等。有什么帮助，而不仅仅是对我大喊大叫吗？嘿，帕斯卡，使用代码时标签不会改变：-（该死的只是一个猜测：-/Hey Rickard，这是我最初拥有的，但我绑定到JSON属性，这意味着我无法更改绑定。我知道这是一种类似的东西。谢谢Andrew！