如何指定要在 Scala.js 中的单选按钮旁边显示的文本？答案

【问题标题】：How do I specify the text to display next to a radio button in Scala.js?如何指定要在 Scala.js 中的单选按钮旁边显示的文本？
【发布时间】：2017-03-09 08:21:36
【问题描述】：

我有两个单选按钮，一个用于 SBT，一个用于 Gradle。如何为 Scala.js 中的按钮指定文本？我的代码如下所示：

lazy val toolChoice = fieldset(
      legend("Build Tool"),
      input(`type`:="radio", name:="tool", value:="sbt", "SBT"),
      input(`type`:="radio", name:="tool", value:="gradle", "Gradle")
).render

我看到了按钮，但没有看到文字。我做错了什么？

【问题讨论】：

标签： scala.js scalatags

【解决方案1】：

单选按钮本身没有文字。您需要有一个兄弟元素来显示文本。理想情况下是<label>，以便它可以点击。例如见https://stackoverflow.com/a/2350782/1829647

在 Scalatags 中，我猜应该是这样的：

lazy val toolChoice = fieldset(
    legend("Build Tool"),
    input(`type`:="radio", name:="tool", value:="sbt", id:="toolsbt"),
    label(`for`:="toolsbt", "sbt"),
    input(`type`:="radio", name:="tool", value:="gradle", id:="toolgradle"),
    label(`for`:="toolgradle", "Gradle")
).render

【讨论】：

我通常使用label(input(...), "text")，但是是的——你想要一个与输入相关联的标签...
这看起来很有希望，除了 id="toolsbt" 即将“重新分配给 val”，指向 id。
@sjrd：我搞定了。将 id= 更改为 id:= 以上，我会接受您的回答。谢谢！
是的，这是一个错字，但由于它生成的错误消息而很有用。我一直在寻找错误消息和解决方案之间的模式。