页面刷新后复选框按钮隐藏状态答案

【问题标题】：checkbox buttons hidden status after page refresh页面刷新后复选框按钮隐藏状态
【发布时间】：2014-06-20 10:30:34
【问题描述】：

我有一个带有复选框切换按钮的表单（使用 twitter bootstrap 和 Rails）

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-primary">
    <input type="checkbox"> Option 1
  </label>
  <label class="btn btn-primary">
    <input type="checkbox"> Option 2
  </label>
</div>

我点击并选择Option 1。然后我刷新页面。刷新页面后，所有按钮都将重置，并且不再选择 Option 1。但是，如果我继续提交表单，Option 1 会发送到服务器，就像它被选中（选中）一样。这是一个错误吗？这是因为 cookie 中的某些东西。如果是，我如何检查 cookie 并找到应该按下的那些以及将其状态更改为按下的命令。

我在表单中也有文本字段 (<input type='text'>)。如果我在文本字段中写入并刷新页面，则文本会保留。似乎在幕后某处按钮的状态也保持选中状态，但在显示屏上我认为它们未选中。因此，尽管当我提交表单时复选框按钮似乎未选中，但它们被提交为选中状态。

非常感谢。

【问题讨论】：

你确定吗？这是 html 输出还是您使用 erb 或 slim 生成表单？
是的，我确定。我正在使用 .html.erb 文件。我的表单中也有文本字段 (<input type='text'>)。如果我在文本字段中写入并刷新页面，则文本会保留。似乎在幕后某处按钮的状态也保持选中状态，但在显示屏上我认为它们未选中。因此，尽管当我提交表单时复选框按钮似乎未选中，但它们被提交为选中状态。
这很奇怪，可能在重新加载后检查浏览器中的源代码，检查复选框的值，你在某个地方有这个吗？你可以分享一下吗？

标签： jquery html ruby-on-rails twitter-bootstrap checkbox

【解决方案1】：

这不是最好的解决方案，但它是一个开始：页面刷新后重置按钮：

$(document).ready(function() {
  $('.btn').button('reset');
});

【讨论】：