zurb-foundation - Zurb Foundation Switch 控制是如何工作的

Question

我最近开始将 Zurb Foundation 4 用于 Asp MVC 网站，但我不太明白开关控件应该如何工作。文档没有说太多 http://foundation.zurb.com/docs/components/switch.html

<div class="switch">
  <input id="x" name="switch-x" type="radio" checked>
  <label for="x" onclick="">Off</label>

  <input id="x1" name="switch-x" type="radio">
  <label for="x1" onclick="">On</label>

  <span></span>
</div>

我正在使用这个示例代码，当我点击开关时，html 没有变化。我认为“已检查”属性会出现在第二个输入中，但事实并非如此。

如何检测单击了哪个单选按钮？

当我发布表单时，无论开关处于什么位置，“switch-x”变量都包含值“on”。

我尝试在标签上添加一个 onclick 事件，但它没有被触发，因为某些东西似乎与标签重叠。

我使用的是Foundation 的javascript，页面上没有任何错误。

我肯定错过了一些东西......有什么想法吗？

Answer 1

When I POST the form, the "switch-x" variable contains the value "on" no matter what position the switch is in.

您需要在输入字段中添加一个值以获得 $_POST["switch-x"] 值，如下所示:

<div class="switch">
  <input id="x" name="switch-x" type="radio" value="0" checked>
  <label for="x" onclick="">Off</label>

  <input id="x1" name="switch-x" type="radio" value="1">
  <label for="x1" onclick="">On</label>

  <span></span>
</div>