如何指定Scala.js中单选按钮旁边显示的文本?

时间:2016-10-26 20:05:18

标签: scala.js scalatags

我有两个单选按钮,一个用于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

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

1 个答案:

答案 0 :(得分:3)

单选按钮本身没有文本。您需要有一个兄弟元素来显示文本。理想情况下是<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