javascript - 单击时显示函数文本

Question

我正在尝试 Lightspeed/Twig/Rain，因此我确实需要一些帮助来完成我想做的事情。

因此，页面上有几个字段的值为product_configure_custom_2459429 和product_configure_custom_2459282。人们可以在这些字段中填写一个数字，我希望有一个按钮，他们可以单击该按钮来查看总数是否为 18。

所以我现在有这个:

<input style="width: 600px;" type="button" onclick="{% if 'product_configure_custom_2459282' + 'product_configure_custom_2459429' == '18' %}
          {{ 'Je hebt 18 stuks' | t }}
          {% else %}
          {{ 'Zorg dat je 18 stuks hebt' | t }}
          {% endif %}"></input>

这完成了它需要做的事情，但现在我希望 onclick 函数的结果作为按钮上的文本可见。所以基本上我希望人们点击按钮，然后他们在按钮上看到“Je hebt 18 Stuks”(=他们选择了 18 件)或“Zorg dat je 18 Stuks hebt”。每次点击，该函数都应该重新加载，这就是我尝试 Onclick 函数的原因。

但现在该按钮显示为空。当我检查它时，我发现 onclick 函数可以正常工作并正确加载，但我似乎无法使该函数的结果在按钮上显示为文本。

所以我真的希望有人能帮助我。我将非常感激!

在这里您可以看到它的实际效果:http://testshop-generationshop.webshopapp.com/bslect.html

Answer 1

试试这个:

onclick="this.value = +document.getElementById('product_configure_custom_2459429').value + +document.getElementById('product_configure_custom_2459282').value == 18 ? 'Je hebt 18 stuks' : 'Zorg dat je 18 stuks hebt'"