html复选框切换活动/非活动标签不起作用

Question

我正在使用来自foundation-zurb的switch类，我正在使用他们网站上的示例，但是非活动/活动设置的内部标签不起作用。代码如下：

<p>Above/Below</p>
<div class="switch">
    <input class="switch-input" id="Above/Below" type="checkbox" name="ABSwitch">
    <label class="switch-paddle" for="Above/Below">
        <span class="switch-active" aria-hidden="true">A</span>
        <span class="switch-inactive" aria-hidden="true">B</span>
    </label>
</div>

开关的相应有效/无效设置上的A和B不会显示。

Answer 1

尝试这样的事情：

PKAssembly      FKParentAssembly     AssemblyNumber     AssemblyLevel
500             500                  A11111              0
507             506                  A77777              6