Zurb foundation ZURB基础开关如何控制工作 我最近开始使用ZURB基金会4作为一个ASP MVC网站，我不太理解交换机控制是如何工作的。医生说的不多 关 在…上

我正在使用这个示例代码，当我单击开关时，html中没有任何更改。我估计“checked”属性会出现在第二个输入中，但事实并非如此

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

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

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

我使用的是基金会的javascript，页面上没有任何错误

我肯定错过了什么。。。有什么想法吗

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

您的每个收音机输入都有一个

id

，因此您可以使用它们：

$('input[name=switch-x]:checked').attr('id');

这将为您提供

x

或

x1

。现在这取决于你将如何使用它。但如果您将它作为布尔值传递，我认为您会这样做，那么您可以简单地执行以下操作：

var isOn = $('input[name=switch-x]:checked').attr('id') == 'x1';

或者干脆

var isOn = $('#x1').is(':checked');

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

您需要在输入字段中添加一个值以获得$\u 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>

关
在…上

如果您按照文档链接进行操作，则会有一个工作示例。单击开关时，您将看到选中的属性未被修改。所以，如果我使用你的方法，即使开关改变了位置，我也会得到相同的值。你试过了吗？好吧，现在我觉得自己很愚蠢。我没有看到html中的checked属性被更改（使用firebug），所以我假设什么都没有发生。谢谢，如果你给单选按钮赋值的话！嗯。

<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>