Question

我有一个带有复选框切换按钮的表单（使用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并找到应该按下的cookie以及将其状态更改为按下的命令。

我也在表单中有文本字段（<input type='text'>）。如果我在文本字段中写入并刷新页面，则文本保留。在幕后的某个地方，按钮的状态也保持不变，但在显示器上我看到它们未经检查。因此，虽然我提交表单时似乎未选中复选框按钮，但它们会被提交为已选中。

非常感谢。

Answer 1

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

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

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

1 个答案: